Tsukiyo, qui signifie "nuit éclairée par la lune" en japonais.

Weline me l'avait déjà dessiné (voir rubrique Cadeaux reçus). J'ai changé quelques détails.

(exemple ci-dessus, cliquez pour agrandir)

Ce code permet d'espacer les lettres des liens au survol de la souris. Il suffit de le coller dans le l'emplacement des codes CSS :

En rouge, la valeur pour changer plus ou moins l'espace entre les lettres

a:hover{
    letter-spacing: 2px;
}

(exemple ci-dessus, cliquez pour voir en plus grand)

Pour avoir le titre de penché, il suffit de coller ce code dans l'emplacement CSS (ici, le code penche sur la gauche, il suffit d'enlever les - pour le faire pencher sur la droite) :

En rouge, vous pouvez régler pour que votre titre soit plus ou moins penché. Pour qu'il penche sur la gauche, il faut mettre un -, et pour qu'il penche sur la droite, il suffit d'enlever le -.

#titre_header { -webkit-transform: rotate(-10deg);

-moz-transform: rotate(-10deg);

-ms-transform: rotate(-10deg);

-o-transform: rotate(-10deg);

}​

 (exemple ci dessous cliquable pour agrandir)

Ici, le code à coller dans l'emplacement CSS pour avoir les avatars des derniers visiteurs qui rétrécissent en taille au suvol.

En rouge, la taille des avatars lorsqu'ils ne sont pas survolés.

En vert, la taille des avatars lorsqu'ils sont survolés.

En bleu, la rotation des avatars lorsqu'ils sont survolés.

En orange, la taille de la bordure des avatars (mettez 0px si vous ne vous en voulez pas)

En violet, la couleur de vitre bordure.

​.module_menu_type_lastvisitors img {max-height:40px;
max-width:40px;
}
.module_menu_type_lastvisitors a:hover img{
max-height:35px;
max-width:35px;
}
.module_menu_type_lastvisitors img:hover { 
opacity: 1;
-webkit-transition: 500ms;
-webkit-transform: rotate(50deg);
}
 .module_menu_type_lastvisitors img {-webkit-border-radius: 1px;
border-radius: 50px;
-webkit-transition: 0.4s linear;
transition: 0.4s linear;
}

.module_menu_type_lastvisitors img:hover {
opacity: 1;
-webkit-transition: 500ms;
-webkit-transform: rotate(10deg);
}
 
.module_menu_type_lastvisitors img {
border: 1px ridge #000000;
}