Codage Actif
Vous souhaitez réagir à ce message ? Créez un compte en quelques clics ou connectez-vous pour continuer.
Le deal à ne pas rater :
Réassort du coffret Pokémon 151 Électhor-ex : où l’acheter ?
Voir le deal

Boutons de navigations sobre sans images

Aller en bas

phpBB3 Boutons de navigations sobre sans images

Message par Ajesto Sam 21 Jan - 16:58

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 :

Boutons de navigations sobre sans images Sobriy10

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
Ajesto
Fondateur
Fondateur

Messages : 115 Masculin Points : 3

Revenir en haut Aller en bas

Revenir en haut

- Sujets similaires

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