Boutons de navigations sobre sans images
Page 1 sur 1
Boutons de navigations sobre sans images
Bonjour,
Je vous présente une barre de navigation sans la moindre image à insérer dans votre PA.
La seule image présente est une image de 1 pixel de largeur et de 35 pixels de hauteur. C'est le fond des boutons. Compatible HTTPS.
Voici donc la barre :
Et le CSS :
Le forum ou les liens on été créer, les liens étaient collés. Si les votres ne le sont pas, vous pouvez bidouiller le CSS ci-dessus.
Bien à vous,
Laiorm
Je vous présente une barre de navigation sans la moindre image à insérer dans votre PA.
La seule image présente est une image de 1 pixel de largeur et de 35 pixels de hauteur. C'est le fond des boutons. Compatible HTTPS.
Voici donc la barre :
Et le CSS :
Affichage
Images et Couleurs
Couleurs
Feuille de style CSS
- Code:
.navbar .corners-top, .navbar .corners-bottom { display: none; } /* J'enlève les corners */
.navbar { background-color: transparent; height: 35px; } /* Fond de la barre de navigation */
.navbar ul.linklist.navlinks { text-align: center; border: 0; font-size: 0; } /* Je centre les liens, enlève l'espace entre les liens */
#search-box { display: none; } /* J'enlève la barre de recherche */
.navbar ul.linklist li img { display: none; } /* J'enlève les images de la barre de navigation */
.navbar li a.mainmenu { font-size: 12px; background-image: url(https://i37.servimg.com/u/f37/19/60/40/75/245310.png); color: white; height: 35px; display: inline-block; line-height: 33px; padding-left: 5px; padding-right: 5px; border-left: 1px solid #525252; border-right: 1px solid #404040; } /* Liens */
Le forum ou les liens on été créer, les liens étaient collés. Si les votres ne le sont pas, vous pouvez bidouiller le CSS ci-dessus.
Bien à vous,
Laiorm
Ajesto- Fondateur
- Messages : 115 Points : 3
Sujets similaires
» Boutons de navigations sobre sans images
» Bouton de navigation sans images
» Boutons "Flat" (Inline)
» Bouton de navigation sans images
» Boutons "Flat" (Inline)
Page 1 sur 1
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum
|
|