• Modifier les visiteurs

    Suite à la demande de nombreuses personnes par mp, je me suis décidé à faire ce tuto expliquant comment modifier les visiteurs, donc voici le code:

    .module_menu_type_lastvisitors
    img {opacity: 0.5;
    -moz-transition: 500ms;
    -webkit-transition: 500ms;
    }
    .module_menu_type_lastvisitors img:hover {
    opacity: 1;
    -webkit-transition: 500ms;
    -moz-transition: 500ms;
    -webkit-transform:rotate(5deg);
    -moz-transform:rotate(5deg);
    transform:rotate(5deg);
    border-radius: 15px 15px 15px 15px;
    background-color: #7AFEFF;
    }

    Le premier code sert à choisir l'opacité des visiteurs quand la souris n'est pas dessus, vous pouvez changez 0.5 par le nombre que vous voulez du moment qu'il n'est pas supérieur à 1 et inférieur à 0, si c'est un nombre décimal, il faut mettre un point et pas une virgule pour séparer le nombre entier du nombre décimal!

    Le deuxième code sert à ce que les visiteurs deviennent opaque au survol de la souris, après, tout ce qui est -webkit- et -moz- sont pour les transitions sur internet explorer ainsi que sur mozilla firefox. Vous pouvez modifier "5" qui est avant "deg" par le nombre de degré de rotation de images souhaitées. "border-radius" sert à avoir des bordures arrondis. Et background-color sert à mettre une couleur derrière une image qui à de la transparence.


    Tags Tags : , , , ,
  • Commentaires

    1
    Lili23 Profil de Lili23
    Vendredi 29 Juin 2012 à 11:06

    Sa me dit que le css comporte une erreur...

    2
    Vendredi 29 Juin 2012 à 14:02

    ah oui, merci, j'ai trouvé mon erreur, je corrige sa tout de suite! ^^

    3
    Vendredi 29 Juin 2012 à 14:03

    C'est bon ^^

    4
    Cloudy Profil de Cloudy
    Vendredi 6 Juillet 2012 à 16:05

    Merci beaucoup, c'est super ^^

    5
    Vendredi 6 Juillet 2012 à 16:12

    derien!

    6
    Samedi 14 Juillet 2012 à 17:42

    les rotattions marchent pas :S

    7
    Samedi 14 Juillet 2012 à 17:49

    ben, pourtant c'est le bon code, est-ce que je peux voir le tien?

    8
    Samedi 14 Juillet 2012 à 17:53

    non non jai rein dit ca marche xD bonne continuation ^^

    9
    Samedi 14 Juillet 2012 à 17:57

    merci!

    10
    Samedi 14 Juillet 2012 à 17:58

    de rien :) il est biencar j envie davoir un peu de css xD

    11
    Mardi 24 Juillet 2012 à 11:51

    Merci pour ce code ^^ !

    12
    Dimanche 2 Septembre 2012 à 10:33

    Derien ^^

    13
    Dimanche 7 Octobre 2012 à 01:30

    Salut !

    J'ai vu que tu es passé sur mon blog, alors j'ai eu la curiosité de venir sur le tien.

    Et là bonne surprise, des codes CSS, j'aime bien mais je n'ai jamais le temps d'en chercher des sympas.

    Aussi je te remercie pour ce code que je te prends pour mettre sur mon blog, n'hesites pas a visiter mon blog.

    bonne soirée nuit !

    14
    Dimanche 7 Octobre 2012 à 10:49

    Derien ^^

    15
    Lundi 5 Novembre 2012 à 18:13

    merci esque on a droit de change de couleur?

    16
    Lundi 5 Novembre 2012 à 18:21

    Évidemment, tu peux changer la rotation, l'opacité, le temp de transition, tu peu tout changer. Seulement, j'ai mis ce code là parce que à l'époque, c'est celui-là que j'utilisais, et beaucoup de gens me demander comment j'avais fait. Alors j'ai donné le code.

    17
    Strawberry..♥ Profil de Strawberry..♥
    Vendredi 30 Novembre 2012 à 19:47

    Merci =)

    18
    Jmlou Profil de Jmlou
    Samedi 26 Janvier 2013 à 20:36

    Moi il n'y a pas ça ne marche pas ,je dois bien mettre dans ''html''?

    19
    Dimanche 27 Janvier 2013 à 13:37

    non, ce code est à mettre dans css (apparence>modifier le thème>ajouter du css)

    20
    Skye~ Profil de Skye~
    Jeudi 7 Février 2013 à 18:20

    Mercii beaucoup  :)

    21
    Clefairy Dolls Profil de Clefairy Dolls
    Samedi 9 Février 2013 à 13:27

    Merci ton code est très utile ! mais ce que je me demande...C'est pour les mettre en haut a gauche .O.'

    Tu peut m'aider ? merci d'avance ^^

    22
    Samedi 9 Février 2013 à 14:21

    non, c'est pour les animations des visiteurs (le fait qu'il tourne et qu'ils aient des brods arrondis), tu ne peut pas voir ces effets avec internet explorer, utilise google chrome ou mozilla firefox (le blog est optimisé pour chrome)

    23
    Clefairy Dolls Profil de Clefairy Dolls
    Samedi 9 Février 2013 à 15:14

    * Si on peut les mettre en haut a gauche 

    Désolé...Je m'exprime très mal...

    24
    Samedi 9 Février 2013 à 16:58

    comme moi?

    25
    Clefairy Dolls Profil de Clefairy Dolls
    Samedi 9 Février 2013 à 18:06

    Sur ton blog , en faite je veux savoir mettre un menu flottant ou je pourais mettre les visiteur et une musique d'ambiance , sur le côté ou en haut ^^"

    26
    Samedi 9 Février 2013 à 20:16
    27
    Samedi 23 Mars 2013 à 13:57

    Est-ce que tu pourrais mettre le code pour arrondir les avatars stp ?

    28
    Samedi 13 Avril 2013 à 00:24

    Merci c'est super!

    29
    Parthenia Profil de Parthenia
    Vendredi 19 Avril 2013 à 11:20
    Merci pour ce tuto fort utile !! Cela fait deux heures que je le cherche, encore merci !
    30
    Vendredi 19 Avril 2013 à 20:18

    Mais derien! Je suis là pour ça! ;)

    31
    vanille110 Profil de vanille110
    Dimanche 28 Avril 2013 à 20:04

    où est la séparation des 2 codes ? car tu parle de 2 codes

    32
    Dimanche 28 Avril 2013 à 20:09

    Les deux .module signifient le début d'un code, donc, le second .module signifie le début du second code.

    33
    vanille110 Profil de vanille110
    Vendredi 31 Mai 2013 à 18:26

    je voulai rajouter les visiteurs avec une grande rotation pour quil tourne (l'avatar) et du coup j'ai mis avant "deg" ;  "180"  mais ca me dit que j'ai une erreur comment ca ce fait ? 

    opire voici le code que je voudria utiliser dit moi si il est bon :

     

    .module_menu_type_lastvisitors img:hover {
    opacity1;
    -webkit-transition500ms;
    -moz-transition500ms
    -webkit-transform:rotate(180deg);
    -moz-transform:rotate(180deg);
    transform:rotate(180deg);
    border-radius15px 15px 15px 15px;
    background-color#7AFEFF;

    34
    L*ptok Profil de L*ptok
    Samedi 1er Juin 2013 à 13:44

    Vraiment utile, thanks. 

    35
    Dimanche 2 Juin 2013 à 10:31

    Vanille 110, rajoute } à la fin de ton code.

    36
    vanille110 Profil de vanille110
    Dimanche 2 Juin 2013 à 12:45

    ah super il suffisait juste de faire caoké merci l ca marche :)

    37
    Mardi 2 Juillet 2013 à 13:08

    merci et bonne continuation

    38
    Jmlou Profil de Jmlou
    Mardi 2 Juillet 2013 à 19:24
    39
    Dimanche 28 Juillet 2013 à 23:25

    Super blog ! Je suis un peu nul en CSS alors merci pour toute les astuces !

    40
    Ri~Chii Profil de Ri~Chii
    Vendredi 23 Août 2013 à 15:25

    Merci pour le code ! :)

    41
    Lundi 21 Octobre 2013 à 00:07

    merci pour le code mais comment on fait pour que le profil tourne plusieurs tours ?

    42
    Mardi 22 Octobre 2013 à 19:42

    super merci

     

    43
    Jeudi 5 Décembre 2013 à 21:05

    Yo, ça fait longtemps :o

    44
    Vendredi 7 Février 2014 à 14:02

    merci beaucoup ! J'ai un nouveau compte et tu m'a beaucoup aidé pour l'embellir :D

     

    45
    Mercredi 26 Février 2014 à 14:38

    Aurais tu le CSS pour faire que les visiteurs sois arrondis? S'il te plait

    46
    Jeudi 15 Mai 2014 à 17:36
    Je n'ai pas compris comment les faire tourner!
    47
    Vendredi 25 Juillet 2014 à 11:40

    Merci beaucoup ta précieuse aide! Ce que tu fais est super!

    48
    Lundi 20 Octobre 2014 à 22:15

    Bonjour est-ce possible de changer la couleur des noms des derniers visiteurs ?

    Merci d'avance. :)

    49
    Samedi 7 Février 2015 à 09:42

    Merci beaucoup, c'est super !



    Ajouter un commentaire

    Nom / Pseudo :

    E-mail (facultatif) :

    Site Web (facultatif) :

    Commentaire :