Ajout de Gravatar

Avant tout, bravo pour Pluxml, je suis un fervent utilisateur depuis ses débuts! J'ai lâché un peu ce CMS il y a quelques temps pour enfin m'y remettre sur la version 4.2 beta.
Je monte un blog sans prétention et je me régale avec Pluxml :)
Mais je rencontre quelques problèmes sur l'implantation de Gravatar pour les commentaires.

Comme vous pouvez le voir ci dessous, mon avatar représentant un lapin est bien inclus dans le cadre mais le texte reste dessous et moi je souhaite le faire passer à droite de l'image (et dessous pour les grands paragraphes).

screencapture.th.jpg

Je souhaiterai faire une sorte de float left pour l'image, en fait.

article.php
<div id="comments">
				<h2>Com' en terre</h2>
				<?php while($plxShow->plxMotor->plxRecord_coms->loop()): # On boucle sur les commentaires ?>
					<div id="<?php $plxShow->comId(); ?>" class="comment">
						<div class="info_comment">
							<p>Par <?php $plxShow->comAuthor('link'); ?> 
							le <?php $plxShow->comDate('#day #num_day #month #num_year(4) à #hour:#minute'); ?></p>
						</div>

						<img class="avatar" width="50px" src="http://www.gravatar.com/avatar.php?gravatar_id=<?php echo md5( strtolower($plxShow->plxMotor->plxRecord_coms->f('mail')) ) ?>&default=<?php echo $plxShow->plxMotor->racine; ?>themes/jq/img/user-info.png&size=50" alt='' />

                                   <blockquote><p><?php $plxShow->comContent() ?></p></blockquote>
					</div>
				<?php endwhile; # Fin de la boucle sur les commentaires ?>

			</div>
Je l'ai ajouté avant le <blockquote> pour que mon avatar soit bien collé au cadre. Malgrè tout j'ai essayé de mettre le code dans le <blockquote> puis dans <p> mais rien n'y fait.
J'ai également essayé de modifier le code Gravatar en changeant la class :
<img class="avatar"
par
<img class="alignleft"
Mais cela ne change rien. J'ai essayé aussi de mettre l'image en background mais ça n'a rien donné de bien.
Avez-vous une petite idée?

Je voulais savoir si il était possible également de mettre un avatar par défaut pour tous les autres personnes qui commentent un article? Si oui, comment dois-je procéder?


J'aimerais bien vous montrer l'avançement de mon design! Puis-je le faire ici?

Encore merci!
chokolate.

Réponses

  • Bonsoir,

    Il me semble que dans ce cas, il s'agit juste d'un probléme de calage css.

    Si c'est l'idée du float left pour l'image, alors, il faut imposer à la balise de ne pas être en width 100%. eventuellment aussi placer un float sur le contenu texte, pour que celui ci ce place comme il faut.
  • oscim a écrit:
    Bonsoir,

    Il me semble que dans ce cas, il s'agit juste d'un probléme de calage css.

    Si c'est l'idée du float left pour l'image, alors, il faut imposer à la balise de ne pas être en width 100%. eventuellment aussi placer un float sur le contenu texte, pour que celui ci ce place comme il faut.
    Merci de me donner un coup de patte! Dans l'idée je comprend mais je ne sais pas comment m'y prendre. Quand j'ajoute le float right sur le texte dans #comments .comment blockquote, ça me décale le cadre et le texte à droite du formulaire de commentaire et plus au dessus. Je n'arrive donc pas à cibler seulement le texte.
    Ni pour l'image d'ailleurs. Je crois qu'il est possible de placer du css dans du php mais je n'ai pas encore très bien assimilé ce domaine là. Des idées?

    Pourtant je me débrouille plutôt pas mal en css et je trouve toujours le moyen de contourner ce genre de problèmes mais là :/

    Pour prouver qu'habituellement je me débrouille tout seul comme un grand (j'ai modifié quelques petites choses au css et au php) :

    screenchokolapin.th.jpg
  • FrédéricFrédéric Member
    novembre 2009 modifié
    Bonjour chokolate,

    Aide toi du theme facebook-look, j'y est intégré gravatar comme tu le désir.

    En gros pour ton texte, il faut un div float;right que tu déclare avec un display:block sans oublier une largeur pour ton contenus.

    Pour ton image un float:left devrais suffire.
Connectez-vous ou Inscrivez-vous pour répondre.