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

Voir le sujet précédent Voir le sujet suivant Aller en bas

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

Message par julworld le Lun 2 Jan 2012 - 13:38

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... Confused


Dernière édition par julworld le Sam 21 Jan 2012 - 17:10, édité 1 fois

julworld
*****

Masculin
Messages : 695
Inscrit(e) le : 03/05/2009

http://prizeefrance.com
julworld a été remercié(e) par l'auteur de ce sujet.

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

Message par julworld le Mer 4 Jan 2012 - 14:24

Bonjour,

Je up. Smile

julworld
*****

Masculin
Messages : 695
Inscrit(e) le : 03/05/2009

http://prizeefrance.com
julworld a été remercié(e) par l'auteur de ce sujet.

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

Message par julworld le Jeu 5 Jan 2012 - 19:03

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

julworld
*****

Masculin
Messages : 695
Inscrit(e) le : 03/05/2009

http://prizeefrance.com
julworld a été remercié(e) par l'auteur de ce sujet.

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

Message par julworld le Dim 8 Jan 2012 - 12:21

Bonjour,

Je up.

julworld
*****

Masculin
Messages : 695
Inscrit(e) le : 03/05/2009

http://prizeefrance.com
julworld a été remercié(e) par l'auteur de ce sujet.

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

Message par julworld le Lun 9 Jan 2012 - 19:40

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

julworld
*****

Masculin
Messages : 695
Inscrit(e) le : 03/05/2009

http://prizeefrance.com
julworld a été remercié(e) par l'auteur de ce sujet.

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

Message par julworld le Mer 11 Jan 2012 - 14:46

Bonjour... je up. Wink

julworld
*****

Masculin
Messages : 695
Inscrit(e) le : 03/05/2009

http://prizeefrance.com
julworld a été remercié(e) par l'auteur de ce sujet.

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

Message par Automne le Mer 11 Jan 2012 - 14:52

Bonjour,

Pourrais je avoir le lien de la page du blog.

Automne
+ Hyperactif +

Messages : 8423
Inscrit(e) le : 22/03/2010

http://gilles570.forumactif.info/
Automne a été remercié(e) par l'auteur de ce sujet.

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

Message par julworld le Mer 11 Jan 2012 - 15:14

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


Dernière édition par julworld le Sam 21 Jan 2012 - 17:11, édité 1 fois

julworld
*****

Masculin
Messages : 695
Inscrit(e) le : 03/05/2009

http://prizeefrance.com
julworld a été remercié(e) par l'auteur de ce sujet.

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

Message par Automne le Mer 11 Jan 2012 - 15:34

C'est la version phpbb2 ou phpbb3 ?

Automne
+ Hyperactif +

Messages : 8423
Inscrit(e) le : 22/03/2010

http://gilles570.forumactif.info/
Automne a été remercié(e) par l'auteur de ce sujet.

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

Message par julworld le Mer 11 Jan 2012 - 15:44

Il s'agit de la version phpbb2. Wink

julworld
*****

Masculin
Messages : 695
Inscrit(e) le : 03/05/2009

http://prizeefrance.com
julworld a été remercié(e) par l'auteur de ce sujet.

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

Message par Automne le Mer 11 Jan 2012 - 15:52

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"



Automne
+ Hyperactif +

Messages : 8423
Inscrit(e) le : 22/03/2010

http://gilles570.forumactif.info/
Automne a été remercié(e) par l'auteur de ce sujet.

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

Message par julworld le Mer 11 Jan 2012 - 17:35

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

julworld
*****

Masculin
Messages : 695
Inscrit(e) le : 03/05/2009

http://prizeefrance.com
julworld a été remercié(e) par l'auteur de ce sujet.

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

Message par julworld le Sam 14 Jan 2012 - 12:12

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 ?

julworld
*****

Masculin
Messages : 695
Inscrit(e) le : 03/05/2009

http://prizeefrance.com
julworld a été remercié(e) par l'auteur de ce sujet.

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

Message par Ea le Sam 21 Jan 2012 - 14:35

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.

Ea
Aidactif
Aidactif

Messages : 23447
Inscrit(e) le : 04/04/2008

Ea a été remercié(e) par l'auteur de ce sujet.

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

Message par julworld le Sam 21 Jan 2012 - 17:10

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.

julworld
*****

Masculin
Messages : 695
Inscrit(e) le : 03/05/2009

http://prizeefrance.com
julworld a été remercié(e) par l'auteur de ce sujet.

Voir le sujet précédent Voir le sujet suivant Revenir en haut


Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum