Geeek - Le blog Geek & High-tech

image

Voici une petite astuce simple pour intégrer les Gravatars aux commentaires de votre blog Dotclear 2.

Il suffit de copier/coller le code suivant :


<a href="{{tpl:CommentAuthorURL}}">
<img src="https://www.gravatar.com/avatar.php?
gravatar_id={{tpl:CommentAuthorMailMD5}}&amp;size=60&amp;default=
http%3A//www.votre-site-internet.com/image-par-defaut.jpg" 
alt="gravatar" class="avatar" />
</a>

Dans le fichier "post.html" de votre thème, juste au-dessus de :


{{tpl:CommentContent}}

N'oubliez pas de modifier l'URL de l'image par defaut qui apparaîtera lorsque l'auteur du commentaire ne possède pas de Gravatar.
Vous avez aussi la possibilité de modifier la taille du Gravatar en jouant sur l'attribut "size" passé dans l'URL du Gravatar.

Pour obtenir un Gravatar qui s'aligne correctement dans vos commentaires avec une petite bordure esthétique, vous pouvez ajouter le style suivant dans la CSS de votre thème :


#comments .avatar, #pr .avatar{
        float: left;
        margin-left : 3px;
        margin-right: 12px;
        padding: 4px;
        border: 1px solid #CCC;
}

Découvrez les autres astuces Dotclear 2 :


Vous êtes correctement abonné à Geeek
Bienvenue ! Vous êtes correctement connecté.
Parfait ! Vous êtes correctement inscrit.
Votre lien a expiré
Vérifiez vos emails et utiliser le lien magique pour vous connecter à ce site