Blog d'aide de Blog4ever

 à toutes et tous,
J'aimerai connaitre les codes CSS pour faire la même chose que la barre de navigation chez notre Père Virtuel et regretté ami 



Je fais mes tests ici : https://test-gos-soleilvie.blog4ever.com/

:sol:

:b1:I

Il y a du travail en Css pour faire des liens personnalisés.

Copies ce code et modifies le à ta guise.

/*************************/
nav ul li ul li a {
    background: blue linear-gradient(#fcc, #000) repeat scroll 0 0;
    color: white !important;
    font-size: 18px;
    line-height: 28px;
    margin-left: 0;
    z-index: 10;
   
}

nav ul li ul li a {
    background: blue linear-gradient(#fcc, #000) repeat scroll 0 0;
    color: white !important;
    font-size: 16px;
    line-height: 28px;
    margin-left: 2px;
    z-index: 10;
}

nav ul li ul {
    display: none;
    margin-left: 2px;
    position: absolute;
    width: 280px;
    z-index: 10;
   
}
nav ul li:hover ul {
    display: block;
    margin: 0 0 0 -125px;
    z-index: 10;
   
}

Merci pour ce code !
Comme tu dis oulalalala ! Y a du travail !
ça ne donne pas du tout comme chez Pierre
au secourssssssss !!!!! lol
Dans quoi je me lance 
:sol:

:bd: à toutes et tous

J'ai un souci avec mon réglage pour la barre nav 



Le souci est que lorsque je veux faire un clic sur les sous catégories voir image ci-dessous :


Il disparait et je ne peux pas faire un clic dessus.

Je pense que dans mes codes y a forcément une erreur que j'ai faite.
Merci pour votre aide.

https://test-gos-soleilvie.blog4ever.com/

:sol:

Dernière modification le mercredi 28 Novembre 2018 à 13:40:24

coucou

ça vient de ton menu déroulant qui est trop bas donc la souris ne rencontre plus ce menu un dixième de seconde et disparait DONC:

nav ul li ul {
    background: #804040; !important;
    display: none;
    position: absolute;
    width: 180px; /*ici c'est pour régler la largeur des sous catégories*/
    z-index: 10;
    border-radius: 10px;
    border: 2px dashed #fff !important;
    margin-left: 0px!important;
    margin-top: 5px !important;    /*coller le menu déroulant à la barre*/
}   


La partie accueil du site est décalée à cause de l'image qui clignote.
Moi je la supprimerai car elle n'apporte rien. ( juste un avis )

simon
Pour l'image "accueil du site" c'est pour attirer l'œil afin que les visiteurs clic dessus pour revenir à la page d'accueil.
Aurais tu une autre idée pour "Accueil du site" ???

Pour le margin-top j'ai dû mettre 0px.

 mille fois !
:sol:

re

Non je n'ai pas d'idée spécialement car ce n'est pas une grosse gène.

C'est juste que le titre serait mieux sans image.

 
J'ai une petite idée.
Je vais voir ce que cela donnera.

:sol:

re

C'est pas mal du tout comme barre. :sol:

simon

J'ai fini aujourd'hui le design.
Je suis contente du résultat.
 pour m'avoir aidé.
:sol: