Séparer les messages

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

Résolu Séparer les messages

Message par elsa2607 le Sam 18 Oct 2014 - 15:21

Détails techniques


Version du forum : phpBB2
Poste occupé : Administrateur
Navigateur(s) concerné(s) : Google Chrome
Capture d'écran du problème :
Voir l'image:

Personnes concernées par le problème : Tous les utilisateurs
Problème apparu depuis : /
Lien du forum : http://graphisyabeta.graphforum.com/

Description du problème

Bonjour,
J'ai bien cherché partout et sur plusieurs forums mais je ne trouve pas comment séparer les messages comme sur la capture d'écran (juste séparer, je ne veux pas copier leurs mise en forme). J'ai essayé de mettre une div ou modifier la table mais les balises du style :
Code:
 <!-- BEGIN postrow -->
  <!-- BEGIN displayed -->
Ne vont jamais avec le contenu.



Dernière édition par elsa2607 le Mer 22 Oct 2014 - 10:33, édité 1 fois

elsa2607
***

Féminin
Messages : 161
Inscrit(e) le : 25/09/2011

http://graphisya.forumactif.org/
elsa2607 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Séparer les messages

Message par Milouze14 le Sam 18 Oct 2014 - 19:42

Salut elsa2607 ,

Dans le template viewtopic_body:
Affichage/Templates/Général/viewtopic_body

Recherches ceci (264 environ)
Code:

<!-- BEGIN first_post_br -->

Juste avant colles ceci:
Code:
<tr style="height: 20px; background: none !important;"></tr>

Argumentes le style comme bon te semble Wink .

Penses a enregistrer les modifications en cliquant respectivement sur et

a++

Milouze14
+ Hyperactif +

Masculin
Messages : 4563
Inscrit(e) le : 18/04/2005

http://www.milouze14.com/
Milouze14 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Séparer les messages

Message par elsa2607 le Sam 18 Oct 2014 - 20:04

Merci de votre réponse mais aucun changement.

elsa2607
***

Féminin
Messages : 161
Inscrit(e) le : 25/09/2011

http://graphisya.forumactif.org/
elsa2607 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Séparer les messages

Message par Milouze14 le Sam 18 Oct 2014 - 20:11

Re,
je ne vois pas le tr dans le code source,
as tu validé le template?
a++

Milouze14
+ Hyperactif +

Masculin
Messages : 4563
Inscrit(e) le : 18/04/2005

http://www.milouze14.com/
Milouze14 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Séparer les messages

Message par elsa2607 le Sam 18 Oct 2014 - 20:17

Le code tout au dessus est celui de départ, le non modifié,
j'ai bien mis comme vous l'avez dit au dessus de
Code:
<!-- BEGIN first_post_br -->

Ici ligne 228 :


Et oui j'ai enregistré mais je n'ai pas validé au cas où ça ne marcherais pas. J'ai utilisé la case de prévisualisation ça ne change rien :
http://graphisyabeta.graphforum.com/t4-navigatin?tt=1

elsa2607
***

Féminin
Messages : 161
Inscrit(e) le : 25/09/2011

http://graphisya.forumactif.org/
elsa2607 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Séparer les messages

Message par Milouze14 le Sam 18 Oct 2014 - 20:22

Re,
si tu enregistres ,c'est une chose mais si tu ne valides pas tu restes avec l'apparence
actuelle.
On peut toujours faire marche arrière en cas ou..
a++

Milouze14
+ Hyperactif +

Masculin
Messages : 4563
Inscrit(e) le : 18/04/2005

http://www.milouze14.com/
Milouze14 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Séparer les messages

Message par elsa2607 le Sam 18 Oct 2014 - 20:27

Oui je sais bien ... mais via les Template on peut voir le résultat sans valider et c'est ce que j'ai fait :

Je fais actuellement d'autres modifications sur ce même Template et l'aperçu fonctionne.
http://graphisyabeta.graphforum.com/t4-navigatin?tt=1

elsa2607
***

Féminin
Messages : 161
Inscrit(e) le : 25/09/2011

http://graphisya.forumactif.org/
elsa2607 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Séparer les messages

Message par Milouze14 le Sam 18 Oct 2014 - 20:32

Re,
ah ah je découvre avec toi cette nouveauté !!!
Allons!!!!! Restons sérieux , tu peux voir seulement sur des pages html la prévisualisation .
Pour le template , cela n'est en aucune façon possible.
Valides ce template et tu verras le changement Wink .

a++

Milouze14
+ Hyperactif +

Masculin
Messages : 4563
Inscrit(e) le : 18/04/2005

http://www.milouze14.com/
Milouze14 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Séparer les messages

Message par elsa2607 le Sam 18 Oct 2014 - 20:40

ça fait déjà un moment qu'il y est x)
Voila je viens de valider rien ne change.
ça affiche html & css pas besoin de valider pour voir le résultat, je le fais quand je modifie et ça marche.

elsa2607
***

Féminin
Messages : 161
Inscrit(e) le : 25/09/2011

http://graphisya.forumactif.org/
elsa2607 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Séparer les messages

Message par Milouze14 le Sam 18 Oct 2014 - 20:42

Re,

@elsa2607 a écrit:ça fait déjà un moment qu'il y est x)
Voila je viens de valider rien ne change.
ça affiche html & css pas besoin de valider pour voir le résultat, je le fais quand je modifie et ça marche.

je regarde demain car dans le code source , je vois bien les modifs mais l'ajout ne donne rien Crying or Very sad .



a++

Milouze14
+ Hyperactif +

Masculin
Messages : 4563
Inscrit(e) le : 18/04/2005

http://www.milouze14.com/
Milouze14 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Séparer les messages

Message par Milouze14 le Dim 19 Oct 2014 - 6:09

Salut elsa2607 ,
effectivement je vois bien la prévisualisation au survol ,
mais je pense plus a une erreur car voir un sujet sur l'index ça risque d'être compliqué Very Happy .

tu aurais du laisser le code fourni dans le template afin de voir pourquoi
l'affichage ne se faisait pas.
Bref, on va passer par un script qui va chercher chaque message et insérer une ligne
après .

Passons au script désormais Wink .

Modules/HTML&JAVASCRIPT/
Gestion des codes Javascript/Créer un nouveau Javascript

Mettre un titre explicite.
Cocher Sur les sujets

colle ceci:
Code:

$(document).ready(function(){
$('tr.post').after('
<tr><td style="height: 20px; background: none !important;"></td>
</tr>
');});

Penses à cliquer sur le bouton

Tu peux insérer du texte ou image entre les balises :
Code:
<td> et </td>

a++

Milouze14
+ Hyperactif +

Masculin
Messages : 4563
Inscrit(e) le : 18/04/2005

http://www.milouze14.com/
Milouze14 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Séparer les messages

Message par elsa2607 le Dim 19 Oct 2014 - 12:26

Ce n'est pas pour vous contredire mais avec la prévisualisation "sur l'index", il suffit de cliquer sur le sujet et la prévisualisation reste, sinon il faut juste taper "?tt=1" à la fin du lien (que je vous avais fournis plus haut). De plus le code est encore présent dans mon Template "validé" à votre demande.

Pour le javascript je viens de le faire rien de plus.
Du coup je crois que je me suis mal exprimée, je voudrais que les messages soient séparées, espacées: c'est à dire comme ceci :

Mais je voudrais que les messages du bas soient similaires au premier.

Je crois que vous essayez juste de mettre une bande d'espace entre les messages.

elsa2607
***

Féminin
Messages : 161
Inscrit(e) le : 25/09/2011

http://graphisya.forumactif.org/
elsa2607 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Séparer les messages

Message par Milouze14 le Dim 19 Oct 2014 - 12:37

Re,

ah ok je comprend mieux ta demande , tu veux une séparation avec du texte à l'intérieure.

Si tu changes le script par:
Code:

$(document).ready(function(){
 $('tr.post').after('
<tr style="height: 20px; background:#CEE4E4 !important;">
<td colspan="3"style="text-align:center;">LE TEXTE A AFFICHER</td></tr>');});

Tu verras le changement Wink .

a++


Dernière édition par Milouze14 le Dim 19 Oct 2014 - 12:49, édité 1 fois (Raison : Modification du script)

Milouze14
+ Hyperactif +

Masculin
Messages : 4563
Inscrit(e) le : 18/04/2005

http://www.milouze14.com/
Milouze14 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Séparer les messages

Message par Milouze14 le Dim 19 Oct 2014 - 12:50

Re,
je me suis aperçu d'une erreur , je viens de corriger le script Wink .

a++

Milouze14
+ Hyperactif +

Masculin
Messages : 4563
Inscrit(e) le : 18/04/2005

http://www.milouze14.com/
Milouze14 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Séparer les messages

Message par elsa2607 le Dim 19 Oct 2014 - 13:08

Ah heu non je ne veux pas de texte dedans, juste en gros .... je vais faire un schéma car je n'arrive ps à l'expliquer.

J'ai déplacé le "dernière édition le ...." et je vais le mettre dans


ça se passe ligne 228. J'ai mis la table au dessus de
Code:
<!-- BEGIN first_post_br -->
cela a entouré uniquement le premier sujet (voyez : http://graphisyabeta.graphforum.com/t4-navigatin?tt=1)

elsa2607
***

Féminin
Messages : 161
Inscrit(e) le : 25/09/2011

http://graphisya.forumactif.org/
elsa2607 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Séparer les messages

Message par Milouze14 le Dim 19 Oct 2014 - 18:45

Re,

Je ne comprend toujours pas ce que tu souhaites,
le code fourni sépare bien les messages il suffit de supprimer le texte ...... Wink .
J'ai bien cherché partout et sur plusieurs forums mais je ne trouve pas comment séparer les messages

Tu parles de la barre grisée ou la rouge ?
Edit: peux tu me fournir ta css dans sa totalité stp car j ai un doute sur un style Wink
a++

Milouze14
+ Hyperactif +

Masculin
Messages : 4563
Inscrit(e) le : 18/04/2005

http://www.milouze14.com/
Milouze14 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Séparer les messages

Message par elsa2607 le Dim 19 Oct 2014 - 19:27

Bien je veux ça


pour l’instant, en déplaçant la table j'ai ceci


les messages autres que le premier ne prennent pas la "forumline" et ne sont pas séparés comme le premier.

j'ai fais des modifications donc voila pour mon template


et le CSS



Dernière édition par elsa2607 le Lun 20 Oct 2014 - 2:08, édité 1 fois (Raison : J'ai modifier mon Template entre temps)

elsa2607
***

Féminin
Messages : 161
Inscrit(e) le : 25/09/2011

http://graphisya.forumactif.org/
elsa2607 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Séparer les messages

Message par Milouze14 le Dim 19 Oct 2014 - 20:06

Re,

pourquoi avoir déposé la derniére édition dans une ligne ?
Tu veux cette ligne à quelle endroit stp?

Je vois tout çà demain Wink .
a++

Milouze14
+ Hyperactif +

Masculin
Messages : 4563
Inscrit(e) le : 18/04/2005

http://www.milouze14.com/
Milouze14 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Séparer les messages

Message par elsa2607 le Dim 19 Oct 2014 - 23:39

Oui j'ai mis la dernière édition ici j'aime bien, je la veux à cet endroit, dans une petite bande de couleur magenta (même couleur que la scroll bar) couvrant toute la longueur.

merci pour l'attention à l'égard de mon problème.

elsa2607
***

Féminin
Messages : 161
Inscrit(e) le : 25/09/2011

http://graphisya.forumactif.org/
elsa2607 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Séparer les messages

Message par Milouze14 le Lun 20 Oct 2014 - 7:24

Salut elsa2607,
Oui j'ai mis la dernière édition ici j'aime bien, je la veux à cet endroit, dans une petite bande de couleur magenta (même couleur que la scroll bar) couvrant toute la longueur.
merci pour l'attention à l'égard de mon problème.
[/quote]

Cette partie est incorrecte le colspan doit être à 3 et non à 5
Code:

<tr>
<td colspan="5"><center><span class="gensmall">{postrow.displayed.EDITED_MESSAGE}</span></center></td></tr><b/>
J'ai modifié la css sur la class forumline car tu attribue une largeur en pixels et il vaut mieux définir un pourcentage :
Code:

.forumline{ width:90%;margin-left:5%;}
Puis l'apparence de la dernière édition :
Code:

/*DERNIERE EDITION*/
.M14_EDITED_MESSAGE
{
background-color:#E04276;
font-size:12px;
padding: 5px ;
text-align:center;
}
/*SUPPRESSION DES SAUTS DE LIGNE*/
.M14_EDITED_MESSAGE  br {display:none;}
J'ai remodelé ton template afin d'avoir une structure qui tient plus ou moins la route.
La class forumline a été supprimé sur l'entête des messages car elle ne sert à rien, je lui ai donné un style tout simplement.

La dernière édition a été placée selon ton souhait sous les champs de contacts en incorporant un script qui supprimera la class en cas ou le message n'aura pas été édité,comme tu désires savoir une couleur de fond, cette dernière aurait été présente sur tous les messages Wink .
Code:

<script type="text/javascript">
//<![CDATA[
var multiquote_img_off = '{JS_MULTIQUOTE_IMG_OFF}', multiquote_img_on = '{JS_MULTIQUOTE_IMG_ON}', _atr = '{JS_DIR}addthis/', _ati = '{PATH_IMG_FA}addthis/'{ADDTHIS_LANG}, addthis_localize = { share_caption: "{L_SHARE_CAPTION}", email: "{L_EMAIL}", email_caption: "{L_EMAIL_CAPTION}", favorites: "{L_SHARE_BOOKMARKS}", print: "{L_PRINT}", more: "{L_MORE}" };
$(function(){

    if(typeof(_atc) == "undefined") {
        _atc = { };
    }
   
    _atc.cwait = 0;
    $('.addthis_button').mouseup(function(){
        if ($('#at15s').css('display') == 'block') {
            addthis_close();
        }
    });
});

var hiddenMsgLabel = { visible:'{JS_HIDE_HIDDEN_MESSAGE}', hidden:'{JS_SHOW_HIDDEN_MESSAGE}' };
showHiddenMessage = function(id)
{
    try
    {
        var regId = parseInt(id, 10);
        if( isNaN(regId) ) { regId = 0; }
       
        if( regId > 0)
        {
            $('.post--' + id).toggle(0, function()
         {
            if( $(this).is(":visible") )
            {
               $('#hidden-title--' + id).html(hiddenMsgLabel.visible);
            }
            else
            {
               $('#hidden-title--' + id).html(hiddenMsgLabel.hidden);
            }
         });
        }
    }
    catch(e) { }
   
   return false;
};

//]]>
</script>

<table align="center" style="background: url(http://i.imgur.com/MYSzUwC.png) !important;width:888px;height:145px;"><tr>
<td class="nav" valign="middle" width="100%"> 
  <center>
    <span class="nav"style=" text-shadow: 1px 1px #72706a;">{NAV_SEP}<br/>{NAV_CAT_DESC_SECOND}<a class="nav" href="{U_ALBUM}">{L_ALBUM}</a></span></center></td></tr>
</table><br/>
 <table align="center"><tr>
        <!-- BEGIN switch_user_authreply -->
          <td style="width:450px;align:center;"> <center><a href="{U_POST_REPLY_TOPIC}"><img src="{REPLY_IMG}" id="i_reply" alt="{L_POST_REPLY_TOPIC}" align="middle" border="0" /></a></center></td>
            <!-- END switch_user_authreply -->
          <!-- BEGIN switch_user_authpost -->
          <td style="width:450px;align:center;"> <center><a href="{U_POST_NEW_TOPIC}" rel="nofollow"><img src="{POST_IMG}" id="{POST_IMG_ID}one" alt="{L_POST_NEW_TOPIC}" align="middle" border="0" /></a> </center></td>
            <!-- END switch_user_authpost -->
          </tr></table>     
<table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0">
      <tr align="right">
          <td class="catHead" colspan="3" height="28">
            <table width="100%" border="0" cellspacing="0" cellpadding="0">
                <tr>
                  <td width="9%" class="noprint"> </td>
                  <td align="center" class="t-title">
                      <h1 class="cattitle"> {TOPIC_TITLE}</h1>
                  </td>
                  <td align="right" width="9%" class="browse-arrows">
                    <a href="{U_VIEW_OLDER_TOPIC}">{L_VIEW_PREVIOUS_TOPIC}</a> <a href="{U_VIEW_NEWER_TOPIC}">{L_VIEW_NEXT_TOPIC}</a> <a href="#bottom">{L_GOTO_DOWN}</a> </td>
                </tr>
            </table>
          </td>
      </tr>
      <!-- BEGIN topicpagination -->
      <tr>
          <td class="row1 pagination" colspan="2" align="right" valign="top">
            <span class="gensmall">{PAGINATION}</span></td>
      </tr>
      <!-- END topicpagination -->
      {POLL_DISPLAY}
   
      <!-- BEGIN postrow -->
      <!-- BEGIN displayed -->
      <tr class="post">
          <td class="{postrow.displayed.ROW_CLASS}"{postrow.displayed.THANK_BGCOLOR} valign="top" width="150">
<div class="profil-fond">
<span class="postdetails poster-profile">
 <span class="online">{postrow.displayed.ONLINE_IMG}</span>
<div class="avatar-fond"> {postrow.displayed.POSTER_AVATAR} </div> <br />
<span class="name">
 <a name="{postrow.displayed.U_POST_ID}"></a> </span>
<div class="profil-fond2"> <center>
<div style="text-transform:capitalize;font-family:'Pacifico',cursive;font-size:18px;">
<strong>{postrow.displayed.POSTER_NAME}</strong></div> </center>
<div class="profil-barre"></div>
<center>{postrow.displayed.POSTER_RANK}</center>
<div style="padding-top:4px;"></div>

    <!-- BEGIN profile_field -->
<div style="line-height:8px;"> 
      {postrow.displayed.profile_field.LABEL}
      {postrow.displayed.profile_field.CONTENT}
      {postrow.displayed.profile_field.SEPARATOR}
</div>

<!-- END profile_field -->
</div>
 </span> </div>


            <img src="http://illiweb.com/fa/empty.gif" alt="" style="width:150px;height:1px" />
          </td>
          <td class="{postrow.displayed.ROW_CLASS}"{postrow.displayed.THANK_BGCOLOR} valign="top" width="100%" height="28" colspan="2">
            <table width="100%" border="0" cellspacing="0" cellpadding="0">
                <tr>
                  <td><span class="postdetails"><img src="{postrow.displayed.MINI_POST_IMG}" alt="{postrow.displayed.L_MINI_POST_ALT}" title="{postrow.displayed.L_MINI_POST_ALT}" border="0" /> {postrow.displayed.POST_SUBJECT}  <img src="{postrow.displayed.MINI_TIME_IMG}" alt="" border="0" />{postrow.displayed.POST_DATE}</span></td>
                  <td valign="top" nowrap="nowrap" class="post-options">
                      {postrow.displayed.THANK_IMG} {postrow.displayed.MULTIQUOTE_IMG} {postrow.displayed.QUOTE_IMG} {postrow.displayed.EDIT_IMG} {postrow.displayed.DELETE_IMG} {postrow.displayed.IP_IMG} {postrow.displayed.REPORT_IMG}
                  </td>
                </tr>
                <tr>
                  <td colspan="2" class="hr">
                      <hr />
                  </td>
                </tr>
                <tr>
                  <td colspan="2">
                      <!-- BEGIN switch_vote_active -->
                      <div class="vote gensmall">
                        <!-- BEGIN switch_vote -->
                        <div class="vote-button"><a href="{postrow.displayed.switch_vote_active.switch_vote.U_VOTE_PLUS}">+</a></div>
                        <!-- END switch_vote -->

                        <!-- BEGIN switch_bar -->
                        <div class="vote-bar" title="{postrow.displayed.switch_vote_active.L_VOTE_TITLE}">
                            <!-- BEGIN switch_vote_plus -->
                            <div class="vote-bar-plus" style="height:{postrow.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:{postrow.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="{postrow.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="{postrow.displayed.switch_vote_active.switch_vote.U_VOTE_MINUS}">-</a></div>
                        <!-- END switch_vote -->
                      </div>
                      <!-- END switch_vote_active -->

                      <div class="postbody">

                        <div>{postrow.displayed.MESSAGE}</div>

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

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

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

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

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

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

                        <div class="clear"></div>
                        <div class="signature_div">
                            <div class="limitation-signature">{postrow.displayed.SIGNATURE}</div>
                        </div>

                      </div>
 
 
                  </td>
               
                </tr>
               
            </table>
          </td>
      </tr>

      <tr>
          <td class="{postrow.displayed.ROW_CLASS} browse-arrows"{postrow.displayed.THANK_BGCOLOR} align="center" valign="middle" width="150">
            <a href="#top">{L_BACK_TO_TOP}</a> <a href="#bottom">{L_GOTO_DOWN}</a>
          </td>
          <td class="{postrow.displayed.ROW_CLASS} messaging gensmall"{postrow.displayed.THANK_BGCOLOR} width="100%" height="28">
            <table border="0" cellspacing="0" cellpadding="0">
                <tr>
                  <td valign="middle">
                      {postrow.displayed.PROFILE_IMG} {postrow.displayed.PM_IMG} {postrow.displayed.EMAIL_IMG}<!-- BEGIN contact_field --> {postrow.displayed.contact_field.CONTENT}<!-- END contact_field -->
                  </td>
                </tr>
            </table>
            <div class="M14_EDITED_MESSAGE">{postrow.displayed.EDITED_MESSAGE}</div>
<script type="text/javascript">
$(function(){
$('.M14_EDITED_MESSAGE:empty').removeClass();
  });
 
</script>

          </td>
     
      </tr>
 
 

   
<!-- BEGIN first_post_br -->
    </table>
    <br />
    <table class="forumline" width="100%" border="2" cellspacing="1" cellpadding="0">
      <tr>
          <th class="thLeft" nowrap="nowrap" width="150px" height="26">{L_AUTHOR}</th>
          <th class="thRight" nowrap="nowrap" colspan="2">{L_MESSAGE}</th>
      </tr>
      <!-- END first_post_br -->
      <!-- END displayed -->
      <!-- BEGIN hidden -->
      <tr>
          <td class="postdetails {postrow.hidden.ROW_CLASS}" colspan="2" align="center">{postrow.hidden.MESSAGE}</td>
      </tr>
      <!-- END hidden -->
      <!-- END postrow -->
      <!-- BEGIN no_post -->
      <tr align="center">
          <td class="row1" colspan="3" height="28">
            <span class="genmed">{no_post.L_NO_POST}</span>
          </td>
      </tr>
      <!-- END no_post -->
      <tr align="right">
          <td class="catBottom" colspan="3" height="28">
            <table width="100%" border="0" cellspacing="0" cellpadding="0">
                <tr>
                  <td width="9%" class="noprint"> </td>
                  <td align="center" class="t-title"><a name="bottomtitle"></a><h1 class="cattitle">{TOPIC_TITLE}</h1></td>
                  <td align="right" nowrap="nowrap" width="9%" class="browse-arrows"><a href="{U_VIEW_OLDER_TOPIC}">{L_VIEW_PREVIOUS_TOPIC}</a> <a href="{U_VIEW_NEWER_TOPIC}">{L_VIEW_NEXT_TOPIC}</a> <a href="#top">{L_BACK_TO_TOP}</a> </td>
                </tr>
            </table>
          </td>
      </tr>
    </table>

    <!-- BEGIN promot_trafic -->
    <table class="forumline" width="100%" border="0" cellpadding="1" cellspacing="0" id="ptrafic_close" style="display:none;margin: 1px 0px 1px 0px">
      <tr>
          <td class="catBottom" height="28">
            <table width="100%" border="0" cellspacing="0" cellpadding="0">
                <tr>
                  <td valign="top"><h1 class="cattitle"> {PROMOT_TRAFIC_TITLE}</h1></td>
                  <td align="right" valign="middle" width="10"><span class="gensmall"><a href="javascript:ShowHideLayer('ptrafic_open','ptrafic_close');"><img src="{TABS_MORE_IMG}" alt="+" align="middle" border="0" /></a></span></td>
                </tr>
            </table>
          </td>
      </tr>
    </table>

    <table class="forumline" width="100%" border="0" cellpadding="1" cellspacing="0" id="ptrafic_open" style="display:'';margin: 1px 0px 1px 0px">
      <tr>
          <td class="catBottom" height="28">
            <table width="100%" border="0" cellspacing="0" cellpadding="0">
                <tr>
                  <td valign="top"><h1 class="cattitle"> {PROMOT_TRAFIC_TITLE}</h1></td>
                  <td align="right" valign="middle" width="10"><span class="gensmall"><a href="javascript:ShowHideLayer('ptrafic_open','ptrafic_close');"><img src="{TABS_LESS_IMG}" alt="-" align="middle" border="0" /></a></span></td>
                </tr>
            </table>
          </td>
      </tr>
      <tr>
          <td class="row2 postbody" valign="top">
            <!-- BEGIN link -->
            » <a style="text-decoration:none" href="{promot_trafic.link.U_HREF}" target="_blank" title="{promot_trafic.link.TITLE}">{promot_trafic.link.TITLE}</a><br />
            <!-- END link -->
          </td>
      </tr>
    </table>
    <!-- END promot_trafic -->

    <table class="forumline noprint" width="100%" border="0" cellspacing="0" cellpadding="0">
      <tr>
          <td class="row2" valign="top" {COLSPAN_PAGINATION} width="150"><span class="gensmall">{PAGE_NUMBER}</span></td>
          <!-- BEGIN topicpagination -->
          <td class="row1" align="right" valign="top" ><span class="gensmall">{PAGINATION}</span></td>
          <!-- END topicpagination -->
      </tr>
      <!-- BEGIN switch_user_logged_in -->
      <!-- BEGIN watchtopic -->
      <tr>
          <td class="row2" colspan="2" align="right" valign="top"><span class="gensmall">{S_WATCH_TOPIC}</span></td>
      </tr>
      <!-- END watchtopic -->
      <!-- END switch_user_logged_in -->
      <tr>
          <td class="row2" colspan="2" align="center" style="padding:0px">
            <!-- BEGIN switch_user_logged_in -->
            <a name="quickreply"></a>
            {QUICK_REPLY_FORM}<br />
            <!-- END switch_user_logged_in -->
          </td>
      </tr>
      <tr>
          <td style="margin:0; padding: 0;" colspan="2">
            <table border="0" cellpadding="0" width="100%" cellspacing="0" id="info_open" style="display:''">
                <tbody>
          <!-- BEGIN show_permissions -->
          <tr>
            <td class="row2" valign="top" width="25%"><span class="gensmall">{L_TABS_PERMISSIONS}</span></td>
            <td class="row1" valign="top" width="75%"><span class="gensmall">{S_AUTH_LIST}</span></td>
          </tr>
          <!-- END show_permissions -->
          <tr>
            <td class="catBottom" colspan="2" height="28">
                <table width="100%" border="0" cellspacing="0" cellpadding="0">
                  <tr>
                      <td valign="middle" width="100%"><span class="nav"><a class="nav" href="{U_INDEX}">{L_INDEX}</a>{NAV_SEP}<a class="nav" href="{U_ALBUM}">{L_ALBUM}</a>{NAV_CAT_DESC_SECOND}</span></td>
                      <!-- BEGIN show_permissions -->
                      <td align="right" valign="middle"><span class="gensmall"><a href="javascript:ShowHideLayer('info_open','info_close');"><img src="{TABS_LESS_IMG}" alt="-" align="middle" border="0" /></a></span></td>
                      <!-- END show_permissions -->
                  </tr>
                </table>
            </td>
          </tr>
      </tbody>
            </table>
          </td>
      </tr>
      <tr>
          <td style="margin:0; padding: 0;" colspan="2">
            <table border="0" cellpadding="0" cellspacing="0" width="100%" id="info_close" style="display:none;">
                <tbody>
          <tr>
            <td class="catBottom" colspan="2" height="28">
                <table width="100%" border="0" cellspacing="0" cellpadding="0">
                  <tr>
                      <td valign="middle" width="100%"><span class="nav"><a class="nav" href="{U_INDEX}">{L_INDEX}</a>{NAV_SEP}<a class="nav" href="{U_ALBUM}">{L_ALBUM}</a>{NAV_CAT_DESC_SECOND}</span></td>
                      <td align="right" valign="middle"><span class="gensmall"><a href="javascript:ShowHideLayer('info_open','info_close');"><img src="{TABS_MORE_IMG}" alt="+" align="middle" border="0" /></a></span></td>
                  </tr>
                </table>
            </td>
          </tr>
      </tbody>
            </table>
          </td>
      </tr>
    </table>

    <form action="{S_JUMPBOX_ACTION}" method="get" name="jumpbox" onsubmit="if(document.jumpbox.f.value == -1){return false;}">
    <table class="noprint" width="100%" border="0" cellspacing="2" cellpadding="0" align="center">
      <tr>
          <td align="left" valign="middle" nowrap="nowrap" {WIDTH_GALLERY}>
            <span class="nav">
                <!-- BEGIN switch_user_authpost -->
                <a href="{U_POST_NEW_TOPIC}" rel="nofollow"><img src="{POST_IMG}" id="{POST_IMG_ID}Newtopic" alt="{L_POST_NEW_TOPIC}" align="middle" border="0" /></a>
                <!-- END switch_user_authpost -->
                <!-- BEGIN switch_user_authreply -->
                <a href="{U_POST_REPLY_TOPIC}"><img src="{REPLY_IMG}" alt="{L_POST_REPLY_TOPIC}" align="middle" border="0" /></a>
                <!-- END switch_user_authreply -->
            </span>
          </td>

          <!-- BEGIN viewtopic_bottom -->
          <td align="right" nowrap="nowrap"><span class="gensmall">{L_JUMP_TO}: {S_JUMPBOX_SELECT} <input class="liteoption" type="submit" value="{L_GO}" /></span></td>
          <!-- END viewtopic_bottom -->

          <!-- BEGIN moderation_panel -->
          <td align="center">
            <span class="gensmall">{moderation_panel.U_YOUR_PERSONAL_MODERATE}</span>
          </td>
          <td align="center" width="250">
            <span class="gensmall"> </span>
          </td>
          <!-- END moderation_panel -->
      </tr>
    </table>
      <span class="gensmall bold">
                <a class="addthis_button" href="http://www.addthis.com/bookmark.php?v=250&amp;pub=forumotion">{L_SHARE}</a>
                <!-- BEGIN switch_plus_menu -->
                &nbsp;|&nbsp;
                <script type="text/javascript">//<![CDATA[
                  var url_favourite = '{U_FAVOURITE_JS_PLUS_MENU}';
                  var url_newposts = '{U_NEWPOSTS_JS_PLUS_MENU}';
                  var url_egosearch = '{U_EGOSEARCH_JS_PLUS_MENU}';
                  var url_unanswered = '{U_UNANSWERED_JS_PLUS_MENU}';
                  var url_watchsearch = '{U_WATCHSEARCH_JS_PLUS_MENU}';
                  var url_tellfriend = '{U_TELLFRIEND_JS_PLUS_MENU}';
                  insert_plus_menu('f{FORUM_ID}&amp;t={TOPIC_ID}','{JS_SESSION_ID}', {JS_AUTH_FAVOURITES});
                //]]>
                </script>
                <!-- END switch_plus_menu -->
            </span>
         
   
    </form>

    <!-- BEGIN viewtopic_bottom -->
    <table class="noprint" width="100%" border="0" cellspacing="2" cellpadding="0" align="center">
      <tr>
          <td colspan="2" align="left" valign="top" nowrap="nowrap"><br />{S_TOPIC_ADMIN}<br />
            <form name="action" method="get" action="{S_FORM_MOD_ACTION}">
                <input type="hidden" name="t" value="{TOPIC_ID}" />

                <!-- <input type="hidden" name="sid" value="{S_SID}" /> -->
                <input type="hidden" name="{SECURE_ID_NAME}" value="{SECURE_ID_VALUE}" />

                <span class="gen">{L_MOD_TOOLS}<br />{S_SELECT_MOD} <input class="liteoption" type="submit" value="{L_GO}" /></span>
            </form>
          </td>
      </tr>
    </table>
    <!-- END viewtopic_bottom -->

    <!-- BEGIN switch_image_resize -->
    <script type="text/javascript">
    //<![CDATA[
    $(resize_images({ 'selector' : '.postbody', 'max_width' : {switch_image_resize.IMG_RESIZE_WIDTH}, 'max_height' : {switch_image_resize.IMG_RESIZE_HEIGHT} }));
    //]]>
    </script>
    <!-- END switch_image_resize -->
    <script src="{JS_DIR}addthis/addthis_widget.js" type="text/javascript"></script>

a++

Milouze14
+ Hyperactif +

Masculin
Messages : 4563
Inscrit(e) le : 18/04/2005

http://www.milouze14.com/
Milouze14 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Séparer les messages

Message par elsa2607 le Lun 20 Oct 2014 - 15:26

Bonjour,
En fait le colspan 5 c'était pour que la ligne prenne toute la longueur. Et je le voulais sur tout les messages même quand il n'y avait pas d'édition (seulement elle aurait été légèrement plus petite) C'est pas bien grave. Pour la forumline de l'entête c’était fait exprès pour la bordure mais en fait c'est aussi bien sans.

En revanche, la séparation des messages na pas fonctionné.


Merci


Edit,
résolu. Il faut ajouter une table avant display et la fermer avant la fin de cette même balise.

elsa2607
***

Féminin
Messages : 161
Inscrit(e) le : 25/09/2011

http://graphisya.forumactif.org/
elsa2607 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