Exemple ici. (le menu1)

Voici le code pour faire un fond en dégradé :

En violet, votre sélecteur

En rouge, mettez le nom de votre première couleur

En vert, le nom de votre deuxième couleur

En bleu, le choix de votre dégradé (s'il vient de haut en bas, ou de droite à gauche... à mettre en anglais)

#sélecteur{background: -webkit-gradien

(linear, left top, left bottom, from(NOM COULEUR), 

to(NOM COULEUR));}

Exemple ici.

Copier/coller le code ci dessous  afin de régler la marge de gauche de votre menu barre :

en rouge, la valeurs pour choisir votre marge. Mettez 0 si vous n'en voulez aucunes.

#menubar_hide {width: 155px}

(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;
}