Modification de "viewtopic_body"

[Petit Piou]

Bonsoir, alors voila mon petit problème :

mes sujets s'affichent ainsi :

Spoiler:

Comme vous pouvez le constater c'est... affreux.

Je n'ai pas modifier mon template "viewtopic_body".

J'aimerai néanmoins arriver a ce (ou un rapprochement ) résultat :

Spoiler:

est ce possible ? Je pense qui oui, avec un peu de temps et d'acharnement v_v mais moi je me perd dans le template...

voila... merci de votre aide =)

adresse du forum :

Spoiler:

[Petit Piou]

petit UP ...

[Matriochka]

Bonjour et Bienvenue sur le Forum des Forums Forumactif Vu que vous êtes nouveau, voici quelques sujets importants : Sécurité : mail de fondation - Ce qu'il ne faut pas faire Questions/Réponses fréquentes - Listing Trucs et astuces - Listing La fonction Rechercher La FAQ de Forumactif.com N'hésitez pas à ouvrir un nouveau sujet si vous ne trouvez pas votre réponse

Attention : le forum d’entraide n’est absolument pas un forum de commandes de codes. De plus, je rappelle qu’un seul UP par tranche de 24 heures est autorisé.

As-tu déjà essayé de modifier quelques choses par toi-même, avant tout ? Si tu veux de l’aide, c’est important d’y mettre aussi du tien en montrant que tu n’attends pas simplement que quelqu’un vienne te donner un code tout préparé

[Petit Piou]

oui j'ai aussi essayer mais je n'arrive a rien, je n'arrive a savoir quoi correspond a quoi dans le template v_v...

[Petit Piou]

UP ... v_v

[Matriochka]

De plus, je rappelle qu’un seul UP par tranche de 24 heures est autorisé.

Ce n’est pas en outrepassant les règles que tu auras des réponses plus rapidement. Chacun a ses soucis ici et chacun fait des efforts pour rester patient malgré l’agacement que ceux-ci peuvent engendrer… Je t’invite donc à faire de même et à respecter les règles de l’entraide

Pour en revenir à ta demande, peux-tu m’envoyer ici les essais que tu as fait ? Ça permettra déjà de commencer avec une base sur laquelle tu as tenté de travailler de ton côté.

As-tu besoin d’un petit récapitulatif des variables du template viewtopic_body pour te guider ?

[Petit Piou]

oui désolé, je n'avais pas fait attention aux heures des post des up v_v ...

je n'ai plus mes tests sur le template v_v (j'en ai fai tellement)

mais un récap' des variable me serait utile je pense oui !! =) j'essaierai de nouveau avec ça et si je n'y parvient toujours pas je reposterai une demande d'aide (faisant référence a ce post ou a la suite de celui la (s'il n'est pas clos de suite le temps que je test ^^')

=)

[Matriochka]

Alors, voici un récapitulatif des variables importantes du template viewtopic_body (désolée pour le temps de réponse). Je te les mets dans leur ordre d’apparition.

Les titres
{TOPIC_TITLE} => Titre du topic qui apparaît en haut, centré
{L_AUTHOR} => Titre de la cellule "Auteur"
{L_MESSAGE} => Titre de la cellule "Message"

Les informations des membres (cellule "Auteur")
{postrow.displayed.POSTER_NAME} => Pseudo du posteur
{postrow.displayed.POSTER_RANK} => Rang du posteur (format texte)
{postrow.displayed.RANK_IMAGE} => Rang du posteur (format image)
{postrow.displayed.POSTER_AVATAR} => Avatar du posteur
{postrow.displayed.profile_field.LABEL} => Champ du profil
{postrow.displayed.profile_field.CONTENT} => Valeur du champ profil
{postrow.displayed.profile_field.SEPARATOR} => Mode de séparation du champ du profil
{postrow.displayed.POSTER_RPG} => Feuille de personnage

Les boutons (cellule "Message")
{postrow.displayed.THANK_IMG} => Bouton "Merci"
{postrow.displayed.MULTIQUOTE_IMG} => Bouton "Multi-citation"
{postrow.displayed.QUOTE_IMG} => Bouton "Citation"
{postrow.displayed.EDIT_IMG} => Bouton "Éditer"
{postrow.displayed.DELETE_IMG} => Bouton "Supprimer"
{postrow.displayed.IP_IMG} => Bouton "IP"
{postrow.displayed.REPORT_IMG} => Bouton "Envoyer un rapport"

Contenu du message (cellule "Message)
{postrow.displayed.MESSAGE} => Message
{postrow.displayed.SIGNATURE} => Signature
{postrow.displayed.EDITED_MESSAGE} => "Dernière édition le…"

Informations de contact
{postrow.displayed.PROFILE_IMG} => Bouton "Voir le profil"
{postrow.displayed.PM_IMG} => Bouton "Envoyer un message privé / MP"
{postrow.displayed.EMAIL_IMG} => Bouton "Envoyer un e-mail"
{postrow.displayed.contact_field.CONTENT} => Boutons autres options de contact
{postrow.displayed.ONLINE_IMG} => Image "En ligne"

Voilà, je pense déjà qu’avec ça, tu as de quoi réfléchir

PS : N’oublie pas que le gras et la couleur sont réservés aux membres du staff uniquement (CF : Règles du forum)

[Petit Piou]

han merci !! je vous tiens au vent le plus rapidement possible !!!! (en edit )

pardon pour la couleur v_v...


Edit :

v_v ... J'ai bien placer les variables ou je les voulais mais voila le résultat :

Spoiler:

seul la variable du titre s'affiche... T^T !

voici le template complet :

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(){
   _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 width="100%" border="0" cellspacing="2" cellpadding="0">
   <tr>
      <td align="left" valign="middle" nowrap="nowrap">
         <span class="nav">
         <!-- BEGIN switch_user_authpost -->
         <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>   
         <!-- END switch_user_authpost -->
         <!-- BEGIN switch_user_authreply -->
         <a href="{U_POST_REPLY_TOPIC}"><img src="{REPLY_IMG}" id="i_reply" alt="{L_POST_REPLY_TOPIC}" align="middle" border="0" /></a>
         <!-- END switch_user_authreply -->
         </span>
      </td>
      <td align="left" valign="middle" nowrap="nowrap">
         <!-- BEGIN switch_twitter_btn -->
         <span id="twitter_btn" style="margin-left: 6px; ">
         <a href="http://twitter.com/share" class="twitter-share-button" data-count="horizontal">Tweet</a>
         <script type="text/javascript" src="http://platform.twitter.com/widgets.js"></script>
         </span>
         <!-- END switch_twitter_btn -->
         <!-- BEGIN switch_fb_likebtn -->
         <span id="fb_likebtn" style="margin-left: 6px; ">
            <iframe src="http://www.facebook.com/plugins/like.php?href={FORUM_URL}{TOPIC_URL}&amp;layout=button_count&amp;show_faces=false&amp;width=100&amp;action=like&amp;colorscheme=light&amp;height=21" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:100px; height:21px;" allowTransparency="true"></iframe>
         </span>
         <!-- END switch_fb_likebtn -->
      </td>
      <td class="nav" 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="bottom" nowrap="nowrap" width="100%">
         <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 -->
             | .
            <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>
      </td>
   </tr>
</table>


<table id="message_post">
<tr>
<td colspan="2" id="titre_sujet">{TOPIC_TITLE}</td>
</tr>
<tr>
  <td rowspan="2" id="auteur">{postrow.displayed.RANK_IMAGE}<br/>{postrow.displayed.POSTER_AVATAR}<br/>{postrow.displayed.profile_field.LABEL}<br/>{postrow.displayed.profile_field.CONTENT}<br/>{postrow.displayed.profile_field.SEPARATOR}<br/>{postrow.displayed.POSTER_RPG}</td>
  <td id="barre_post">{postrow.displayed.QUOTE_IMG}{postrow.displayed.EDIT_IMG}{postrow.displayed.DELETE_IMG}{postrow.displayed.IP_IMG}</td>
</tr><tr>
  <td id="message">{postrow.displayed.MESSAGE}<br/><br/>{postrow.displayed.SIGNATURE}<br/>{postrow.displayed.EDITED_MESSAGE}</td>
</tr>
</table>


<table class="forumline noprint" width="100%" border="0" cellspacing="0" cellpadding="0">
   <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>
</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>

et le css qui va avec :

Code:

#message_post{
  width:800px;
  height:500px;
  border:2px solid #e09d00;
  border-radius:20px;
  padding:4px;
}


#titre_sujet{
  width:790px;
  height:30px;
  background:#ffedbd;
  border-radius:20px;
  padding:4px;
  text-align:center;
  font-variant:small-caps;
  font-size:16px;
}


#auteur{
  width:220px;
  height:490px;
  background:#ffedbd;
  border-radius:20px 0px 0px 0px;
  padding:4px;
  text-align:center;
  font-variant:small-caps;
  font-size:16px;
  border-right:1px solid #b3b3b3;
  border-bottom:1px solid #b3b3b3;
 
}


#barre_post{
  width:580px;
  height:30px;
  background:#ffedbd;
  border-radius:0px 20px 0px 0px;
  padding:4px;
  border-bottom:1px solid #b3b3b3;
}

#message{
  width:580px;
  height:30px;
  background:#ffffff;
  opacity:0.8;
  padding:4px;
  text-align:center;
  font-variant:small-caps;
  font-size:14px;
  border-right:1px solid #b3b3b3;
  border-bottom:1px solid #b3b3b3;
 
}

[Petit Piou]

up ... T^T

Ô désépoiiiir !!

[Matriochka]

Je vous rappelle qu'il est autorisé un seul UP par tranche de 24 heures, à partir de votre dernier message posté dans le sujet concerné. Je vous invite à lire : - Règles générales du forum - Charte de ce forum

Un peu de patience

Comme tu le vois dans le template par défaut, tu as des lignes de ce type :

Code:

<!-- BEGIN displayed -->

Elles sont également à insérer dans ton nouveau template car elles te permettront de faire afficher certaines veriables.

Je te conseille de reprendre la base du template et de modifier à partir de celle-ci.

[Petit Piou]

Merci beaucoup pour cette précision précieuse !! ca marche a merveille !!!!<3 <3 <3 merci beaucoup !!!!