L'Auteur du site

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

 

Mes seuls sites sont zetuto.jimdo.com, netooby.com et netooby.jimdofree.com, le reste n'est qu'imposture.

Rechercher

Sur Facebook

Réseaux sociaux

Retrouvez moi également sur Twitter.

09. mai 2013

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.

Catégories : tutoriel, jimdo

Écrire commentaire

Commentaires: 11
  • #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 !

  • #11

    -Propre (dimanche, 10 décembre 2017 16:01)

    Je ne comprends pas où je dois l'insérer. Il se trouve que j'ai déjà ajouté un code dans le head.
    Je ne sais pas ou je dois coller le deuxième code pour que les deux codes ne se mélangent pas et fonctionnent.

    Cordialement