L'Auteur du site

Passionné par le web, je suis un JimdoFriend et mets à disposition des tutoriels et astuces pour Jimdo gratuitement.

Rechercher

Sur Facebook

Réseaux sociaux

Retrouvez moi sur Twitter et Google+ également.

Newsletter

Des avatars pour vos visiteurs

27 avril 2015 : Jimdo a malheureusement enlevé cette fonction, le tutoriel n'est donc plus d'actualité. Une mis à jour du tutoriel est envisagée et permettra d'afficher à nouveau un avatar à côté des commentaires.

Des avatars pour les visiteurs (non jimdo)

Et oui, maintenant même les personnes qui ne sont pas inscrites sur site Jimdo pourront avoir un avatar.

Vous pouvez remplaçer l'avatar que j'ai mis par un autre, mais attention il ne faut pas qu'il soit trop grand. Remplacez l'adresse Url en rose par l'adresse Url d'une image de votre choix.

Allez dans "Paramètres" (dans la barre du panneau d'administration), puis dans "Modifier le head" et insérez le code suivant :

<style type="text/css">
/*<![CDATA[*/

/* Des avatars pour vos visiteurs */

ul.com-list div.com-avatar
{
background:url("http://u.jimdo.com/www66/o/se2add118cf55f0f3/img/avatar.jpg?s=50") no-repeat center;width:50px;height:50px;
}
/*]]>*/
</style>

Et en bonus, un autre avatar encadré et plutôt stylé ;)

<style type="text/css">
/*<![CDATA[*/

/* Des avatars pour vos visiteurs avec effet */

ul.com-list div.com-avatar
{
-webkit-box-shadow: rgba(0, 0, 0, 0.199219) 1px 1px 2px, rgba(0, 0, 0, 0.0976562) 1px 1px 4px;
box-shadow: rgba(0, 0, 0, 0.199219) 1px 1px 2px, rgba(0, 0, 0, 0.0976562) 1px 1px 4px;
-moz-box-shadow: rgba(0, 0, 0, 0.199219) 1px 1px 2px, rgba(0, 0, 0, 0.0976562) 1px 1px 4px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
-o-border-radius: 2px;
border-radius: 3px;
border: 1px solid #fff;
padding: 3px;
background: #fff url("http://u.jimdo.com/www60/o/s10adc493e4ebb4cd/userlayout/img/avatar.jpg?t=1370162833") no-repeat center;
margin-right:10px;
float:left;
width:50px;
height: 50px;
}
/*]]>*/
</style>

Vous pouvez voir ici (sur ce site même) le résultat.

Écrire commentaire

Commentaires : 10
  • #1

    Test Ze Tuto (dimanche, 14 avril 2013 11:20)

    Voici un test. Je ne suis pas membre Jimdo, mais j'ai un avatar. Cool, non?

  • #2

    tonycraft-anthony (samedi, 25 mai 2013 14:36)

    Normal que je ne le vois pas?

  • #3

    Ze Tuto (samedi, 25 mai 2013 17:18)

    @tonycraft-anthony
    Bonjour, non ce n'est pas normal, mais le problème vient de chez vous car moi je le vois très bien.

    Cordialement, Ze Tuto.

  • #4

    onepiece-express (vendredi, 05 juillet 2013 13:17)

    est ce que les visiteur peuvent changer leur avatar

  • #5

    Ze Tuto (vendredi, 05 juillet 2013 13:47)

    @onepiece-express
    Bonjour, non ce n'est pas possible. Néanmoins, vous pouvez remplacer l'adresse de l'image de l'avatar par un autre avatar.
    Cordialement, Ze Tuto.

  • #6

    tonycraft-anthony (mercredi, 10 juillet 2013 13:14)

    Ok merci pour ce super site!

  • #7

    Edeal (jeudi, 18 juillet 2013 09:34)

    http://u.jimhttp://u.jimdo.com/www62/o/s47c54aff7776b058/img/avatar.jpg?s=50do.com/www6http://u.jimdo.com/www60/o/s10adc493e4ebb4cd/img/avatar.jpg?s=500/o/s3b3fb88http://u.jimdo.com/www60/o/s10adc493e4ebb4cd/img/avatar.jpg?s=5016585f521/img/avatar.jpg?s=50

  • #8

    PortraitPeinture (samedi, 30 août 2014 20:29)

    Essayé c'est l'adopter :) Super tuto comme toujours

  • #9

    Lap (lundi, 08 septembre 2014 13:53)

    Test =D

  • #10

    Horror-ScaryWeb.com (dimanche, 12 avril 2015 01:23)

    Cool ! Merci pour le tuto !