AccueilMembres connectés récemment
[PUNBB] Barre de navigation qui ne reste pas fixe plus ombrage
2 participants
Page 1 sur 1
- croklivre
-
Sam 16 Mai 2020 - 10:59
- Version du forum :PUNBB
- Templates modifiés :oui
- Navigateur :Firefox
Coucou,
j'ai un petit souci.La barre de navigation est tout en haut et ne reste pas fixe quand je monte ou descend sur le forum. Elle bouge en même temps. J'aimerai qu'elle soit visible et ne bouge pas pour le défilement.
Est ce que c'est possible de mettre une ombre portée en dessous de la barre et sur la police d'écriture ?
Pour la police d'écriture j'aimerai un genre que quand on va dessus ça change de couleur. Je sais pas si je m'explique bien.
Un grand merci d'avance, un beau samedi. Bisous.
Christelle
j'ai un petit souci.La barre de navigation est tout en haut et ne reste pas fixe quand je monte ou descend sur le forum. Elle bouge en même temps. J'aimerai qu'elle soit visible et ne bouge pas pour le défilement.
Est ce que c'est possible de mettre une ombre portée en dessous de la barre et sur la police d'écriture ?
Pour la police d'écriture j'aimerai un genre que quand on va dessus ça change de couleur. Je sais pas si je m'explique bien.
Un grand merci d'avance, un beau samedi. Bisous.
Christelle
.
- Milouze14
Fondateur -
Mar 19 Mai 2020 - 8:07
Hello Christelle,
alors blanc je veux bien mais la couleur de police est déjà de cette couleur.
Le rouge est a proscrire car le rendu est vraiment très moche, je te donne une couleur orange au survol des liens:
Dans la feuille de style:
Affichage/Images et Couleurs/Couleurs/Feuille de style
Ajouter ceci:
Penser a cliquer sur le bouton![[PUNBB] Barre de navigation qui ne reste pas fixe plus ombrage Sans_t10](https://i.servimg.com/u/f87/11/26/21/37/sans_t10.png)
Il suffit de modifier les couleurs en suivant les commentaires Christelle.
alors blanc je veux bien mais la couleur de police est déjà de cette couleur.
Le rouge est a proscrire car le rendu est vraiment très moche, je te donne une couleur orange au survol des liens:
Dans la feuille de style:
Affichage/Images et Couleurs/Couleurs/Feuille de style
Ajouter ceci:
- Code:
/*ON FIXE LA BARRE DE NAVIGATION EN HAUT DE PAGE*/
#pun-head #pun-navlinks
{
background-color:black!important;
position:fixed;
width:100%;
left:0;
right:0;
box-shadow: 8px 8px 12px #fff;
}
/*LA COULEUR DES LIENS ACTUELLE*/
a.mainmenu[href^="/"]
{
/*Ombre portée */
text-shadow: 1px 1px 2px red;
color:white;
text-decoration:none!important;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
}
/*ON MODIFIE LA COULEUR DES LIENS AU SURVOL*/
a.mainmenu[href^="/"]:hover
{
color:orange;
/*Ombre portée */
text-shadow: 1px 1px 2px green;
}
Penser a cliquer sur le bouton
![[PUNBB] Barre de navigation qui ne reste pas fixe plus ombrage Sans_t10](https://servimg.com/r/8711262137/sans_t10.png)
Il suffit de modifier les couleurs en suivant les commentaires Christelle.
- Milouze14Fondateur
-
Mar 19 Mai 2020 - 8:38
Hum étonnant,
tu peux remplacer le code précédent par celui-ci s'il te plait:
tu peux remplacer le code précédent par celui-ci s'il te plait:
- Code:
/*ON FIXE LA BARRE DE NAVIGATION EN HAUT DE PAGE*/
#pun-head #pun-navlinks
{
background-color:black!important;
position:fixed;
width:100%;
left:0;
right:0;
box-shadow: 8px 8px 12px #fff;
}
/*LA COULEUR DES LIENS ACTUELLE*/
a.mainmenu[href^="/"]
{
text-shadow: 1px 1px 2px red;
color:white;
text-decoration:none!important;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
}
/*ON MODIFIE LA COULEUR DES LIENS AU SURVOL*/
a.mainmenu[href^="/"]:hover
{
color:orange;
text-shadow: 1px 1px 2px green;
}
Sujets similaires
Créer un compte ou se connecter pour répondre
Vous devez être membre pour répondre.
Page 1 sur 1
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum