Comment modifier l'apparence d'un commentaire dans une partie "blog" ? J'ai besoin d'aide s'ilvouplaît !

[julworld]

Bonjour,

Je tente depuis plusieurs heures, de modifier l'apparence des commentaires pour les parties "blog" de mon forum.

Voici comment c'est actuellement:


Voici ce que j'aimerais obtenir:


J'ai tenté de faire un tableau, mais cela faisait n'importe quoi, donc je l'ais retiré.
La partie à modifier se trouve dans le template général > viewcomments_body.
Nottamment cette partie là du template:

Code:

<!-- BEGIN comment -->
   <table class="tabcenter" width="600px" border="0" cellspacing="1" cellpadding="0">
      <!-- BEGIN displayed -->
      <tr class="post">
         <td class="{comment.displayed.ROW_CLASS}"{comment.displayed.THANK_BGCOLOR} valign="top" width="100%" height="28" colspan="2">
            <table width="100%" border="0" cellspacing="0" cellpadding="0">
               <tr>
                  <td>
                     <div class="clearfix">
                        <div class="blog_comment-avatar">
                           {comment.displayed.POSTER_AVATAR}                  
</div>

                        <div id="profile{comment.displayed.U_POST_ID}">

                           <div class="blog_comment-title gensmall">
                              <img src="{comment.displayed.MINI_POST_IMG}" alt="{comment.displayed.L_MINI_POST_ALT}" title="{comment.displayed.L_MINI_POST_ALT}" border="0" /> {comment.displayed.POST_DATE_NEW} {L_TOPIC_BY} {comment.displayed.POSTER_NAME}{comment.displayed.L_ONLINE}
                           </div>

                           <div class="post-options profile-icons">
                              {comment.displayed.THANK_IMG} {comment.displayed.MULTIQUOTE_IMG} {comment.displayed.QUOTE_IMG} {comment.displayed.EDIT_IMG} {comment.displayed.DELETE_IMG} {comment.displayed.IP_IMG} {comment.displayed.REPORT_IMG}
                           </div>

                        </div>
                     </div>

                     <!-- BEGIN switch_vote_active -->
                     <div class="vote gensmall">
                        <!-- BEGIN switch_vote -->
                        <div class="vote-button"><a href="{comment.displayed.switch_vote_active.switch_vote.U_VOTE_PLUS}">+</a></div>
                        <!-- END switch_vote -->

                        <!-- BEGIN switch_bar -->
                        <div class="vote-bar" title="{comment.displayed.switch_vote_active.L_VOTE_TITLE}">
                           <!-- BEGIN switch_vote_plus -->
                           <div class="vote-bar-plus" style="height:{comment.displayed.switch_vote_active.switch_bar.switch_vote_plus.HEIGHT_PLUS}px;"></div>
                           <!-- END switch_vote_plus -->

                           <!-- BEGIN switch_vote_minus -->
                           <div class="vote-bar-minus" style="height:{comment.displayed.switch_vote_active.switch_bar.switch_vote_minus.HEIGHT_MINUS}px;"></div>
                           <!-- END switch_vote_minus -->
                        </div>
                        <!-- END switch_bar -->

                        <!-- BEGIN switch_no_bar -->
                        <div title="{comment.displayed.switch_vote_active.L_VOTE_TITLE}" class="vote-no-bar">----</div>
                        <!-- END switch_no_bar -->

                        <!-- BEGIN switch_vote -->
                        <div class="vote-button"><a href="{comment.displayed.switch_vote_active.switch_vote.U_VOTE_MINUS}">-</a></div>
                        <!-- END switch_vote -->
                     </div>
                     <!-- END switch_vote_active -->

                     <div class="postbody">
                        {comment.displayed.MESSAGE}
                        <!-- BEGIN switch_attachments -->
                        <div class="clear"></div>
                        <dl class="attachbox">
                           <dt>{comment.displayed.switch_attachments.L_ATTACHMENTS}</dt>
                           <dd>
                              <!-- BEGIN switch_post_attachments -->
                              <dl class="file">
                                 <dt>
                                    <img src="{comment.displayed.switch_attachments.switch_post_attachments.U_IMG}" />

                                    <!-- BEGIN switch_dl_att -->
                                    <a class="postlink" href="{comment.displayed.switch_attachments.switch_post_attachments.switch_dl_att.U_ATTACHMENT}">{comment.displayed.switch_attachments.switch_post_attachments.switch_dl_att.ATTACHMENT}</a> {comment.displayed.switch_attachments.switch_post_attachments.switch_dl_att.ATTACHMENT_DEL}
                                    <!-- END switch_dl_att -->

                                    <!-- BEGIN switch_no_dl_att -->
                                    {comment.displayed.switch_attachments.switch_post_attachments.switch_no_dl_att.ATTACHMENT} {comment.displayed.switch_attachments.switch_post_attachments.switch_no_dl_att.ATTACHMENT_DEL}
                                    <!-- END switch_no_dl_att -->
                                 </dt>

                                 <!-- BEGIN switch_no_comment -->
                                 <dd>
                                    <em>{comment.displayed.switch_attachments.switch_post_attachments.switch_no_comment.ATTACHMENT_COMMENT}</em>
                                 </dd>
                                 <!-- END switch_no_comment -->

                                 <!-- BEGIN switch_no_dl_att -->
                                 <dd>
                                    <em>{comment.displayed.switch_attachments.switch_post_attachments.switch_no_dl_att.TEXT_NO_DL}</em>
                                 </dd>
                                 <!-- END switch_no_dl_att -->

                                 <dd>({comment.displayed.switch_attachments.switch_post_attachments.FILE_SIZE}) {comment.displayed.switch_attachments.switch_post_attachments.NB_DL}</dd>
                              </dl>
                              <!-- END switch_post_attachments -->
                           </dd>
                        </dl>
                        <!-- END switch_attachments -->

                     <div class="clear"></div>
                     </div>

                     <span class="gensmall">{comment.displayed.EDITED_MESSAGE}</span>
                  </td>
               </tr>
            </table>
         </td>
      </tr>
      <!-- END displayed -->
      <!-- BEGIN hidden -->
      <tr>
         <td class="postdetails {comment.hidden.ROW_CLASS}" colspan="2" align="center">{comment.hidden.MESSAGE}</td>
      </tr>
      <!-- END hidden -->
   </table>
   <!-- END comment -->

Merci d'avance à ceux qui m'aideront à faire les démarches nécéssaires pour réaliser les modifications.
Nottamment pour faire le commentaire sous forme de tableau, car j'ai essayé, mais je n'ais pas réussi à faire correctemment les cellules...

[julworld]

Bonjour,

Je up.

[julworld]

Bonsoir, Je up. J'ai besoin de votre aide pour faire le tableau... :/

[julworld]

Bonjour,

Je up.

[julworld]

Bonsoir, j'ai besoin de votre aide.
Dîtes moi si vous avec des questions...

[julworld]

Bonjour... je up.

[Automne]

Bonjour,

Pourrais je avoir le lien de la page du blog.

[julworld]

Bonjour,
Ah merci, il y a quelqu'un qui s'intéresse à mon sujet.
Voici le lien: ******

[Automne]

C'est la version phpbb2 ou phpbb3 ?

[julworld]

Il s'agit de la version phpbb2.

[Automne]

Pour bouger l'ecriture a l'intérieur du post, vous pouvez essayez ceci dans le css (affichage, couleurs, feuiile de style css)

Code:

.postbody {
 margin: 30px 0px 0px 30px;}

Les valeurs définissant les marges etant : 1/ le haut, 2/ la droite, 3/ le bas et 4/ la gauche, donc a vous de voir les valeurs a mettre.

Le soucis étant que cela influencera aussi à l'intérieur des posts du forum. Mais je ne pense pas que se soit possible de différencier les deux.
L'écriture ne pourra pas se trouver directement dessous la date et l’heure ou du moins je ne sais pas le faire. Cette classe englobe l'avatar et la description, et le sujet démarre au dessous. Je vais voir pour changer l'apparence de cette partie. "date heure speudo"

[julworld]

Ok, j'attend votre prochain message.
(merci déja pour votre suivi de mon sujet)

[julworld]

Bonjour,

Je up.
En effet, il y a un problème avec votre code... car dès que je l'adapter aux commentaires, cela fait de même pour le message de l'article. :/

Ce n'est pas possible de mettre une "class" différente des "messages", pour les commentaires ?

[Ea]

Bonjour,


Il y a moyen de mettre #blog_comments devant un sélecteur css.

Sinon vous avez essayé de faire qqch ?

Avec un peu de jugeote on doit trouver que :

Code:

{comment.displayed.POSTER_NAME}

C'est la variable du pseudo du posteur d'un commentaire, et que :

Code:

{comment.displayed.POSTER_AVATAR}

C'est la variable remplacée par l'avatar du posteur du commentaire.

À partir de là il n'est pas très difficile de déplacer la variable au dessus de l'autre et mettre un retour à la ligne ( <br /> ) entre les deux.

Le forum des forums n'a pas vraiment la vocation de réaliser des commandes, mais d'aider ceux qui ont des problèmes dans leurs modifications ( et pour cela il faut qu'ils essayent de faire ces modifications qu'ils n'arrivent pas à faire ).

Cordialement.

[julworld]

Bonjour,

Je vous remerçie pour votre message. Finalemment, j'ai trouvé par mes propres recherches comment faire ce que je souhaitais.

Je vous remerçie quand même pour l'attention prêtée à mon sujet.

Aurevoir.