Barre de navigation arrondie

Sujet: Barre de navigation arrondie Dim 30 Jan 2011, 13:35

Bonjour bonjour. ^^
Bon ben voilà, je suis même pas sur que ce soit modifiable par template mais comme je n'ai absolument rien trouvé qui me parle de CSS à ce sujet et que je doute que ce soit par HTML il ne reste que le template. Sinon vous êtes invité à déplacer mon sujet. xD

Voilà, je cherche donc à apprendre à modifier la barre de navigation pour obtenir ce genre de résultat:

Spoiler:

Merci d'avance. =)

Invité

Pour la première barre de navigation, si je ne me suis pas trompée, le code devrait s'apparenter à quelque chose de ce genre :

Code:: a.mainmenu
{ border: 1px solid #320a08;
-moz-border-radius: 5px;
border-left: 5px solid #320a08;
border-right: 5px solid #320a08;
background-color: #503230;
}

Quant à la seconde, normalement ça fonctionne, j'ai testé les deux :

Code:: a.mainmenu
{ -moz-border-radius: 25px 25px 0px 0px;
background-color: #0c99c8;
padding-right: 15px;
font-weight: bold;
}

Le -moz-border-radius correspond à l'arrondi. Si tu mets une simple valeur comme dans le premier exemple, l'arrondi s'appliquera à tous les angles. Si tu en mets quatre comme dans le second exemple, la première valeur correspond à l'angle en haut à gauche, la seconde à l'angle en haut à droite, la troisième à l'angle en bas à droite et la dernière à l'angle en bas à gauche.
Le border correspond tout simplement à la bordure. Tu peux rajouter un attribut -left, -right, -top ou -bottom. En français, gauche, droit, haut, bas. Il faut toujours mettre d'abord la largeur puis le style (solid, dotted, dashed, double, etc..) et enfin la couleur.
Le background-color te permettra de donner une couleur de fond à ta barre de navigation.
Le padding-right éloigne le texte de la droite, en créeant une marge interne, et donc le recentre.
Le font-weight: bold; te permet de mettre ton texte en gras.
Pour utiliser un code css, tu dois te rendre dans Panneau d'administration ~ Affichage ~ Couleurs ~ Feuille de style CSS.

Sujet: Re: Barre de navigation arrondie Lun 31 Jan 2011, 17:37

Merci beaucoup pour les explications... =) Je me demandais, y a-t-il moyen de changer les textes de la barre d'accueil ou faut il obligatoirement passer par une image pour cela?

Merci d'avance. ^^

Aha, ravie de voir que mon interrogation pousse un certain intérêt au sein de ta personne. viiite!!