Insérer une barre de liens rapides

Insérer une barre de liens rapides [Réglé]

ReidLos Membre non connecté

Le 03/04/2009 à 23h03

Modérateur
Voir le profil du membre ReidLos
Inscrit le : 27/02/2009
Site internet
Groupes :
Equipe Développement

Salut,

j'aimerai savoir comment inserer une barre de lien en dessous du header..

J'ai deja fais ma barre, j'ai juste besoin d'aide pour mettre les lien et le separateur...

KONA Membre non connecté

Booster Fusée

Le 04/04/2009 à 01h10

#53137

Booster Fusée
Voir le profil du membre KONA
Inscrit le : 21/05/2006
Email
Site internet

Avec le code source du header.tpl du thème main sur version 2.0 c'est assez simple à mettre en place .

Récupérer :

Code TPL :

    <div id="sub_header">                        
        <div id="sub_header_left">
            <h1 style="display:none;font-size:9px;">{SITE_NAME}</h1>
        </div>
        <div id="sub_header_right">    
            <a href="../news/news.php" title="Accueil du site" class="button">Accueil</a><a href="../forum/index.php" title="Forum" class="button">Forum</a><a href="../articles/articles.php" title="Articles" class="button">Articles</a><a href="../gallery/gallery.php" title="Galerie" class="button">Galerie</a><a href="../download/download.php" title="Téléchargements" class="button">Téléchargements</a>
        </div>
    </div>

Et le css de design.css :

Code CSS :

/* Rollover des boutons de la speed barre
--------------------------------------*/
a.button
{
    display:block;
    float:left;
    color:#edfff0;
    height:26px;
    text-decoration:none;
    background:#AFD2E8;        
    text-align:center;
    padding:0px 20px;
    padding-top:10px;
    border-left:2px solid #295F8D;
}
a:hover.button
{
    background:#83B6D6;
    color:#edfff0;
    text-decoration:none;
}
 
 
/* Conteneurs 
--------------------------------------*/
div#sub_header{
    height:40px;    
    background:url("images/sub_header.gif") repeat-x;
    margin-top:-2px;
}
div#sub_header_left{
    height:40px;
    width:10.75em;
    background:url("images/sub_header_l.jpg") no-repeat;
    float:left;
}
div#sub_header_right{
    height:38px;
    float:right;
    padding-top:2px;
}

Ensuite tu l'insère ou tu le souhaite dans header.tpl

Recherche moto cross volée L'est de la france

ReidLos Membre non connecté

Equipe Développement Modérateur

Le 04/04/2009 à 10h00

#53142

Modérateur
Voir le profil du membre ReidLos
Inscrit le : 27/02/2009
Site internet
Groupes :
Equipe Développement

je précise je suis en v3...

pour les liens j'arrive a les placer mais il ne sont pas centrer et ils sont attacher...

dsl...

Édité par ReidLos Le 04/04/2009 à 17h54

Shadow Membre non connecté

Booster Fusée

Le 04/04/2009 à 11h38

#53148

Booster Fusée
Voir le profil du membre Shadow
Inscrit le : 30/12/2007
Site internet

Bonjour,

Il faut que tu utilises les CSS je pense pour modifier l'apparence de tes liens.

Une remarque au passage : tu es loin d'être le pire niveau orthographe mais ce serait bien quand même que tu fasses attention aux fautes de frappe dans l'objet du message parce que c'est un élément important pour la recherche. J'ai modifié celui-ci parce que "Enserer" au lieu de "Insérer", ça ne le fait pas trop pour la recherche