28106 sujets

CSS et mise en forme, CSS3

Bonjour à tous,

J'ai recherché sur plusieurs site, mais je n'ai pas trouvé de solution, et je pense que c'est au cas par cas, car nous n'avons pas les mêmes thèmes (wordpress).

Je recherche simplement à rajouter une couleur au survol de mon menu et rajouter un tout petit effet d'ombre pour qu'on l'aperçois mieux.

L'adresse de mon site est : www.godus.fr

J'ai aussi deux autres petites question :
1) Comment rajouter deux boutons " précédent et suivant " a la fin de l'article
2) Comment mieux visualiser l’indentation ? Quand il y a des réponses a un fil de discutions, qu'il soit plus décalé et plus foncé ?

J'en demande beaucoup ! Merci beaucoup pour votre aide, bonne journée !
Modifié par Gregoryen (25 Sep 2018 - 13:37)
Avant même de commencer : on clique à droite pour ouvrir... et le menu se retrouve à gauche, ainsi que son bouton de fermeture.
C'est très déroutant.
J'ai trouvé pour mon hover sur un autre forum :

Cependant cela met juste le texte, j'aurais aimé avoir l'onglet.

a:hover, a:focus, a:active
{
  color: #56c7d1 ! important;
}

.navigation-main a
{
  color: #ffffff ! important;
}

.navigation-main ul ul a
{
  color: #d5c9c9 ! important;
}

.navigation-main li:hover > a
{
  background-color: rgba(255, 255, 255, 0.2) ! important;
}
Salut


Au lieu de cibler le > a dans
.navigation-main li:hover > a
{
background-color: rgba(255, 255, 255, 0.2) ! important;
}

Il faut cibler uniquement le <li>.

Quand on ouvre l'inspecteur d'élément on a une fonctionnalité pas mal qui permet (avec la souris) de survoler les éléments et ceux ci s'affiche visuellement dans la fenêtre (sous chrome, en haut à gauche à coté de la simulation mobile).
J'ai trouvé avec ceci :

ul li:hover {
    background-color: #fab526;

}

Modifié par Gregoryen (26 Sep 2018 - 13:42)