Barre de navigation "Flat" en plusieurs couleurs

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

PunBB Barre de navigation "Flat" en plusieurs couleurs

Message par Ajesto le Sam 28 Jan - 19:21

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


avatar
Ajesto
Fondateur
Fondateur

Messages : 115 Masculin Points : 3

Voir le profil de l'utilisateur

Revenir en haut Aller en bas

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

- Sujets similaires

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