1 CSS : Des hovers (survol) en phpbb3 25/8/2008, 03:07
Ce tutoriel a été publié par nirupan sur SOS-Forum. Afin que les tutoriels de SOS-Forum restent en libre accès, ainsi que par respect du travail accompli, tout tutoriel copié ou s'en inspirant publié ailleurs qu'ici, devra en citer le ou les auteurs ainsi que la provenance via un lien vers ce sujet sur le SOS-Forum. |
Voici un code qui permet de changer d'image les modules lors du survol, à mettre dans votre CSS :
.module:hover {
background-image: url("adresse_url_de_l'image");
background-repeat: repeat;
background-position: top left;
}
Voici un code qui permet de changer d'image les messages lors du survol, à mettre dans votre CSS :
.post:hover {
background-image: url("adresse_url_de_l'image");
background-repeat: repeat;
background-position: top left;
}
Ce code est changeable selon les besoins , c'est a dire changer juste le nom et l'image et le code s'adaptera
Voici le code neutre
.NOM:hover {
background-image: url("adresse_url_de_l'image");
background-repeat: repeat;
background-position: top left;
}
Changez ".NOM" par par exemple : div.navbar
En vert :
- Pour que l'image ne se répète pas, inscrivez no-repeat
- Pour que l'image se répète en mosaïque, inscrivez repeat
- Pour que l'image se répète horizontalement, inscrivez repeat-x
- Pour que l'image se répète verticalement, inscrivez repeat-y
En orange :
- Pour aligner le fond en haut, inscrivez top
- Pour aligner le fond en bas, inscrivez bottom
En rouge :
- Pour aligner le fond à gauche, inscrivez left
- Pour aligner le fond à gauche, inscrivez right