Barre de navigation "Flat" en plusieurs couleurs

Voir le sujet précédent Voir le sujet suivant Aller en bas

Bonjour,

Je vous présente quelques barres de navigation :

Barre de navigation noire:



Code:
div#pun-head { height: 50px; }
div#pun-navlinks { height: 50px; background-color: #232323!important; padding: 0 !important;}
#pun-navlinks ul { display: inline-block; height: 50px; width: 100%; text-align: center; }
#pun-navlinks li { display: inline-block; height: 50px; font-size: 0;}
#pun-navlinks a { color: #fff; display: inline-block; font-size: 13px; text-decoration: none; height: 50px; padding-left: 10px; padding-right: 10px; line-height: 47px; margin: 0 !important; }
#pun-navlinks a:hover, #pun-navlinks a:active, #pun-navlinks a:focus { background-color: #151515; text-decoration: none !important; }
#pun-navlinks a img { display:none; }

Barre de navigation grise:



Code:
div#pun-head { height: 50px; }
div#pun-navlinks { height: 50px; background-color: #cacaca!important; padding: 0 !important;}
#pun-navlinks ul { display: inline-block; height: 50px; width: 100%; text-align: center; }
#pun-navlinks li { display: inline-block; height: 50px; font-size: 0;}
#pun-navlinks a { color: #000; display: inline-block; font-size: 13px; text-decoration: none; height: 50px; padding-left: 10px; padding-right: 10px; line-height: 47px; margin: 0 !important; }
#pun-navlinks a:hover, #pun-navlinks a:active, #pun-navlinks a:focus { background-color: #dadada; text-decoration: none !important; }
#pun-navlinks a img { display:none; }

La barre de navigation a été créer sous un forum vierge en PunBB.
Aucune modification des templates.
Aucun autre CSS appart celui de ces thèmes.
Le bouton Messagerie représente le passage de la souris sur un lien.

Bien à vous,
Laiorm


Ajesto le Sam 28 Jan - 19:21

avatar
Ajesto
Fondateur
Fondateur


Messages : 115

Masculin

Points : 3

Voir le sujet précédent Voir le sujet suivant Revenir en haut

- Sujets similaires

Vous devez vous connecter pour répondre.


 
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum