Sujets similaires

C'est encore moi u__u
Je suis partie donc dans mon idée de profil là, en partant du tutorial afin de le passer en horizontale. Et là, en créant mes champs de profil, j'ai réalisé qu'ils ne se suivaient pas à la ligne mais qu'ils se suivaient de colone en colone et ce peut importe le mode d'affichage choisis (saut de ligne, aucun, etc). Du coup je me suis dis que c'était dû justement au template, et j'ai regardé du coup (et j'ai peut-être mal vu/lu, c'est possible aussi, dans le topic de décryptage du template en question, ici : http://www.css-actif.com/t10717-phpbb2-general-viewtopic_body sauf que je n'ai pas trouvé la variable qui traite les champs de profil et donc, j'ignore comment je peux les faire passer à la ligne. Ce que je désirais avoir serait ça (exemple) :

Citation :: Je suis < pseudo >, j'ai < age > et et je suis en < année/matière >, etc ...

Bref, faire un texte suivi. Afin d'intégrer le pseudo et le "Je suis" devant celui-ci, je dois connaître l'emplacement et/ou le nom de la variable qui s'occupe de l'affichage de ces dits champs de profil. Le reste étant simplement remplis par l'utilisateur. Je souhaiterai juste qu'ils se suivent comme un texte. Après, si c'est pas dans ce template-là qu'il faut aller ... ça aussi, c'est probant XD
Si quelqu'un avait une idée/solution à me proposer, ça serait génial ♥
Oh et merci par avant ! =D

PS: pour le résultat que ça me donne, c'est le même que sur l'exemple du tutorial, à savoir ceci :

Spoiler:

Bonjour,

Hé bien, en fait, tu ne peux pas ^^' A la rigueur mettre "je suis " serait possible, mais pour ce qui est des autres champs de profil personnalisés, tu ne pourras pas en personnaliser l'affichage dans la mesure où celui ci est géré par une boucle (en d'autres termes, sachant que les données sont stockées dans un tableau quelque part dans la base de données de ForumActif, il y a un robot qui fait "pour chaque champ de profil, afficher l'intitulé puis le contenu". On ne peut pas faire de distingo entre les champs parce qu'on ne peut pas modifier la structure php/sql de ForumActif.)

Une "possibilité" serait d'encadrer cette partie :

Code:: 
{postrow.displayed.profile_field.LABEL} {postrow.displayed.profile_field.CONTENT}{postrow.displayed.profile_field.SEPARATOR}

{postrow.displayed.POSTER_RPG}

Par un span avec un identifiant fixe et d'essayer le même script que celui qui est utilisé pour personnaliser les phrases du QEEL (une petite recherche sera nécessaire pour le retrouver u_u'), mais je ne garantis rien.

Le truc c'est que je ne veux pas vraiment les modifié, je peux aisément faire tout ce que je souhaite depuis le champs de profils dans le panneau d'administration, ce que je voudrais juste c'est qu'ils ne retournent pas à la ligne et là techniquement qu'ils ne se suivent pas en tableau. Je sais que c'est possible, sur un forum où je suis, l'effet y est mais je doute pouvoir le montrer je crois, même avec un printscreen, je crois que c'est interdit. Mais ça me prouve que c'est possible en tout cas. Donc je ne sais pas si on doit passer par une class ou quoi pour ça.

Si jamais il m'est permis de montrer le résultat de l'autre forum, je le ferai en comparant avec le mien, bien que ça ne soit pas fort utile puisque pas des masses différents de l'effet présent sur le screen de la démo du tutorial de Solaris =/

Montre le printscreen, ce qui est interdit c'est le plagiat pur et dur (du genre "je veux exactement comme sur ce forum"), l'idée est d'apprendre comment faire pour innover à ta façon, non ? O.O

Sinon je crois que quand tu définis les champs de profil, tu peux décider de quel est le "séparateur" qui le sépare des autres, tu as testé ?

Voilà le screencap du forum en question :

Spoiler:

Comme tu vois, l'administratrice est parvenue à faire suivre ses champs sans retour de ligne (et sans effet de colonne aussi). Et pour ce qui est des séparateurs, je les ais tous essayé, rien ne change. C'est possible que ça soit à cause de la formation de colonne qui en soit à l'origine. Mais comme je ne vois pas d'où il vient.
Je vous poste mon template, si ça se trouve, ça vient de là, tout bêtement et les séparateurs n'y sont pour rien °°
Le voici :

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();
      addthis_close();
   }
});
});
//]]>
</script>

<table width="100%" border="0" cellspacing="2" cellpadding="0">
<tr>
   <td align="left" valign="middle" nowrap="nowrap">
      <span class="nav">
      
      <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>
      
      
      <a href="{U_POST_REPLY_TOPIC}"><img src="{REPLY_IMG}" id="i_reply" alt="{L_POST_REPLY_TOPIC}" align="middle" border="0" /></a>
      
      </span>
   </td>
   <td align="left" valign="middle" nowrap="nowrap">
      
      <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>
      
      
      <span id="fb_likebtn" style="margin-left: 6px; ">
         <iframe src="http://www.facebook.com/plugins/like.php?href={FORUM_URL}{TOPIC_URL}&layout=button_count&show_faces=false&width=100&action=like&colorscheme=light&height=21" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:100px; height:21px;" allowTransparency="true"></iframe>
      </span>
      
   </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&pub=forumotion">{L_SHARE}</a>
         
           |
         <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}&t={TOPIC_ID}','{JS_SESSION_ID}', {JS_AUTH_FAVOURITES});
         //]]>
         </script>
         
      </span>
   </td>
</tr>
</table>

<table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0" style="border-bottom: 0px;">
<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>

<tr>
   <td class="row1 pagination" colspan="2" align="right" valign="top"><span class="gensmall">{PAGINATION}</span></td>
</tr>

{POLL_DISPLAY}
<tr>
   <th class="thLeft" nowrap="nowrap" width="150px" height="26">{L_AUTHOR}</th>
   <th class="thRight" nowrap="nowrap" colspan="2">{L_MESSAGE}</th>
</tr>


<tr class="post">

<td class="{postrow.displayed.ROW_CLASS}"{postrow.displayed.THANK_BGCOLOR} align="left" valign="top" width="45%">
<table><tr><td class="profil_contour">
<span class="name"><a name="{postrow.displayed.U_POST_ID}"></a><strong>{postrow.displayed.POSTER_NAME}</strong></span><br />
<span class="postdetails poster-profile">
<div align="left" width="200">{postrow.displayed.POSTER_RANK}</div><br />
<table><tr><td>{postrow.displayed.RANK_IMAGE}</td>
<td>{postrow.displayed.POSTER_AVATAR}</td>

<td>{postrow.displayed.profile_field.LABEL} {postrow.displayed.profile_field.CONTENT}{postrow.displayed.profile_field.SEPARATOR}</td>

<tr>
<td colspan="2">{postrow.displayed.POSTER_RPG}</td></tr></tr></table>
</span><br />
<img src="http://2img.net/i/fa/empty.gif" alt="" style="width:150px;height:1px" />
</td></tr></table>
<tr>
   <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><th class="thRight" nowrap="nowrap" colspan="2">{L_MESSAGE}</th>
</tr>
<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" />{L_POST_SUBJECT}: {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">
               
               <div class="vote gensmall">
                  
                  <div class="vote-button"><a href="{postrow.displayed.switch_vote_active.switch_vote.U_VOTE_PLUS}">+</a></div>
                  

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

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

                  
                  <div title="{postrow.displayed.switch_vote_active.L_VOTE_TITLE}" class="vote-no-bar">----</div>
                  

                  
                  <div class="vote-button"><a href="{postrow.displayed.switch_vote_active.switch_vote.U_VOTE_MINUS}">-</a></div>
                  
               </div>
               

               <div class="postbody">

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

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

                              
                              <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}
                              

                              
                              {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}
                              
                           </dt>

                           
                           <dd>
                              <em>{postrow.displayed.switch_attachments.switch_post_attachments.switch_no_comment.ATTACHMENT_COMMENT}</em>
                           </dd>
                           

                           
                           <dd>
                              <em><strong>{postrow.displayed.switch_attachments.switch_post_attachments.switch_no_dl_att.TEXT_NO_DL}</strong></em>
                           </dd>
                           

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

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

               </div>
               <span class="gensmall">{postrow.displayed.EDITED_MESSAGE}</span>
            </td>
         </tr>
      </table>
   </td>
</tr>

<tr>
<td class="{postrow.displayed.ROW_CLASS} messaging gensmall"{postrow.displayed.THANK_BGCOLOR} width="60%" height="28">
<table border="0" cellspacing="0" cellpadding="0">
<tr height="28">
<td style="display:inline-block; max-height:50px;">
<table><tr><td>{postrow.displayed.PROFILE_IMG}</td><td>{postrow.displayed.PM_IMG}</td><td>{postrow.displayed.EMAIL_IMG}</td><td>{postrow.displayed.contact_field.CONTENT}</td><td>{postrow.displayed.ONLINE_IMG}</td></tr></table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td class="{postrow.displayed.ROW_CLASS} browse-arrows"{postrow.displayed.THANK_BGCOLOR} align="center" valign="middle" style="width:150px;">
<a href="#top">{L_BACK_TO_TOP}</a> <a href="#bottom">{L_GOTO_DOWN}</a>
</td>
</tr>

</table>
<br />
<table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0">
<tr>
   <th class="thLeft" nowrap="nowrap" width="150px" height="26">{L_AUTHOR}</th>

</tr>



<tr>
   <td class="postdetails {postrow.hidden.ROW_CLASS}" colspan="2" align="center">{postrow.hidden.MESSAGE}</td>
</tr>



<tr align="center">
   <td class="row1" colspan="3" height="28">
      <span class="genmed">{no_post.L_NO_POST}</span>
   </td>
</tr>

<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>
<table class="forumline noprint" width="100%" border="0" cellspacing="0" cellpadding="0" style="margin: 0 0 1px 0; border-top: 0px;">
<tr>
   <td class="row2" valign="top" {COLSPAN_PAGINATION} width="150"><span class="gensmall">{PAGE_NUMBER}</span></td>
   
   <td class="row1" align="right" valign="top" ><span class="gensmall">{PAGINATION}</span></td>
   
</tr>


<tr>
   <td class="row2" colspan="2" align="right" valign="top"><span class="gensmall">{S_WATCH_TOPIC}</span></td>
</tr>


</table>


<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">
      
      » <a style="text-decoration:none" href="{promot_trafic.link.U_HREF}" target="_blank" title="{promot_trafic.link.TITLE}">{promot_trafic.link.TITLE}</a><br />
      
   </td>
</tr>
</table>



<table id="forum_rules" class="forumline" width="100%" border="0" cellspacing="0" cellpadding="0" style="margin: 1px 0px 1px 0px">
<tbody>
   <tr>
      <td class="catBottom">
         <table width="100%" border="0" cellspacing="0" cellpadding="0">
            <tbody>
               <tr>
                  <td valign="top">
                     <h1 class="cattitle"> {L_FORUM_RULES}</h1>
                  </td>
               </tr>
            </tbody>
         </table>
      </td>
   </tr>
   <tr>
      <td class="row1 clearfix">
         <table>
            <tr>
               
               <td class="logo">
                  <img src="{RULE_IMG_URL}" />
               </td>
               
               <td class="rules postbody">
                  {RULE_MSG}
               </td>
            </tr>
         </table>
      </td>
   </tr>
</tbody>
</table>


<table class="forumline noprint" width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
   <td class="row2" colspan="2" align="center" style="padding:0px">
      
      <a name="quickreply"></a>
      {QUICK_REPLY_FORM}<br />
      
   </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>
   
   <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>
   
   <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_LESS_IMG}" alt="-" align="middle" border="0" /></a></span></td>
               
            </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">

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


<a href="{U_POST_REPLY_TOPIC}"><img src="{REPLY_IMG}" alt="{L_POST_REPLY_TOPIC}" align="middle" border="0" /></a>

</span>
</td>

<td align="center">
<span class="gensmall">{moderation_panel.U_YOUR_PERSONAL_MODERATE}</span>
</td>
<td align="center" width="250">
<span class="gensmall"> </span>
</td>

</tr>
<tr>


<td width="250" align="right" nowrap="nowrap"><span class="gensmall">{L_JUMP_TO}: {S_JUMPBOX_SELECT} <input class="liteoption" type="submit" value="{L_GO}" /></span></td>

</tr>
</table>
</form>


<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="{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>



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

<script src="{JS_DIR}addthis/addthis_widget.js" type="text/javascript"></script>

Si j'en crois le screen (et en supposant que ça soit bien sur forumactif), il n'y a que deux champs côte à côte là O.O Un champ de texte, et une image. Et en dessous, les liens de contact '_'

Dans ton code source, tu as transformé la zone qui affiche le profil en table :

Code:: <table><tr><td>{postrow.displayed.RANK_IMAGE}</td>
<td>{postrow.displayed.POSTER_AVATAR}</td>

<td>{postrow.displayed.profile_field.LABEL} {postrow.displayed.profile_field.CONTENT}{postrow.displayed.profile_field.SEPARATOR}</td>

<tr>
<td colspan="2">{postrow.displayed.POSTER_RPG}</td></tr></tr></table>

Et la boucle (la partie entre les commentaires BEGIN et END) contient une cellule. Forcément, pour chaque champ de profil, y'aura une nouvelle cellule, c'est logique ^^'

Essaie plutôt en mettant les td à l'extérieur de la boucle :

Code:: <td>
{postrow.displayed.profile_field.LABEL} {postrow.displayed.profile_field.CONTENT}{postrow.displayed.profile_field.SEPARATOR}
</td>

Ah ben oui, en effet, je n'avais pas remarqué la table qui provient du bête copier/coller du Tutorial. J'enlève ça donc. Et hop, aucun changement ! u_u

Par la même occasion, puisque tu es si généreuse à m'aider, je voulais savoir, si je voulais intégrer le pseudo du membre dans cette partie du profil que je travail, comme sur mon exemple de plus haut :

Citation :: Je suis < pseudo >, j'ai < age > et et je suis en < année/matière >, etc ...

Est-ce que je dois le placer devant la boucle < !-- BEGIN profile_field -- > ou à l'intérieur ? J'ai l'intention de supprimer les rangs, d'intégrer le pseudo dans le profil, et d'ajouter les boutons profil, www, edit, ip, etc dans une table à côté des informations de profil. J'avoue que je sais pas trop comment le faire encore, qu'est-ce qui correspond à quoi mais je pense ça possible.

Ben dans le profil le pseudo est géré par la variable {postrow.displayed.POSTER_NAME}, il te suffit de rajouter le "je m'appelle" devant. Pour l'âge, le groupe, etc, je t'ai déjà dit que c'était impossible de faire du traitement propre au cas par cas '_' Surtout que ton exemple ne prouve absolument pas que ça soit possible sur FA vu qu'il n'y a que deux champs de profil dont on a simplement viré le libellé.

Enfin, une technique possible serait de les agencer dans un ordre précis, de changer l'intitulé (genre à la place de âge tu écris "j'ai" et à la place de "année/matière" tu écris "ans et je suis en", etc.), et tu vires les deux points (affichés automatiquement) en utilisant le code que je donne ci après.

Le problème du saut de ligne à la con c'est qu'apparemment forumactif rajoute un white-space dans le code source et ça pose souci, du coup ya bien un correctif mais je ne garantis absolument pas que ça marche en dehors de firefox (et j'ai la flemme de vérifier) :

Code:: .poster-profile span[style="white-space:nowrap;"] {
white-space:normal !important;
font-size:0px;
}

.poster-profile span[style="white-space:nowrap;"] > span {
font-size:10px;
}

Le CSS s'appliquera à toute balise span ayant la propriété style="white-space:nowrap;".

Comment ça marche ? Il y a deux bidouilles ici :

• On "impose" (via le !important) un white-space normal
• On profite éhontément de la conception du code de base d'un champ de profil :

Code:: <span style="white-space:nowrap;"><span style="color:#COULEUR;">Champ de profil</span>:</span> Valeur du champ

Les deux points sont à l'extérieur du deuxième span mais à l'intérieur du premier ! On s'arrange donc pour que la taille de police soit nulle (invisible) dans le premier span, puis qu'elle soit normale à l'intérieur du second.

Évidemment, ces champs de profils ne doivent pas être des champs RPG.

On peut aussi faire un truc plus propre avec le profil mais là ça revient à tout faire à ta place, ce qui veut dire que je ne t'aiderai pas plus loin passé ce message : à toi d'expérimenter pour réussir à faire fonctionner le tout selon ce dont tu as besoin.

Récapitulons :
1 - On place le pseudo juste avant les champs de profil (templates)
2 - Il y a un saut de ligne automatique après un champ de profil, il faut s'en débarrasser (bidouille CSS)
3 - Il y a toujours deux points après le titre d'un champ de profil, il faut les faire disparaitre (bidouille CSS)
4 - A la place de "Age : 17 ans Année Matière : gnégné" on veut "j'ai 17 ans, je suis en gnégné" (panneau admin)

Méthode pour le point 4
Panneau d'administration, onglet Utilisateurs et groupes, menu Utilisateurs » Profils,
- on organise les champs comme on le souhaite (utiliser les flèches pour agencer l'ordonnancement)
- On modifie les champs (petit écrou jaune), Nom : le texte voulu (par exemple "J'ai " à la place de Age ou bien ", je suis" à la place de Année/matière), séparateur : aucun

Suggestion pour le point 1 (et 2 et 3 par extension)

Code:: <td class="{postrow.displayed.ROW_CLASS}"{postrow.displayed.THANK_BGCOLOR} valign="top" width="150">
<a name="{postrow.displayed.U_POST_ID}"></a>
   <div class="postdetails poster-profile">
   {postrow.displayed.POSTER_RANK}<br />
   {postrow.displayed.RANK_IMAGE}{postrow.displayed.POSTER_AVATAR}<br /><br />
   <div class="ProfilPerso">
      Je m'appelle <span class="name"><strong>{postrow.displayed.POSTER_NAME}</strong></span>,
      
         <span class="ChampsProfil">{postrow.displayed.profile_field.LABEL} {postrow.displayed.profile_field.CONTENT}{postrow.displayed.profile_field.SEPARATOR}</span>
      
   </div>
   {postrow.displayed.POSTER_RPG}
</div><br />
<img src="http://2img.net/i/fa/empty.gif" alt="" style="width:150px;height:1px" />
</td>

Suggestion pour les points 2 et 3
Une méthode alternative à la première, qui m'évite de devoir utiliser un sélecteur CSS compliqué (et pas forcément compatible avec tous les navigateurs)

Code:: .ProfilPerso { font-size:11px; }

.ChampsProfil > span {
white-space:normal !important;
font-size:0;
}

.ChampsProfil > span > span {
font-size:11px;
}

Et je viens de passer une heure à faire ça, j'vais aller rédiger un tuto à ce stade T_T

Oh merci beaucoup 'Christa ! Je n'en espérais pas autant.

J'avais déjà fais mes champs de profils en je suis, etc, je les avais remplis même pour constater l'ampleur des dégâts. Donc pour ça, je savais déjà mais merci n__n

J'ai donc changé les codes par ce que tu me proposais, ça a résolu mon problème de colonne, ça m'en engendre un autre, mais j'ai de bonne base, je pense pouvoir me débrouiller moi-même désormais pour organiser la forme de mon profil, en commençant par trier un peu ce que je garde et enlève dans ce template, parce que je veux vraiment simplifier tout ça.

Toutefois, il me reste une question, enfin un petit truc qui me gêne en fait ... J'ai donc mes champs qui se suivent plus ou moins (doit y avoir encore un problème de tableau qui traîne quelque part, je vais arranger ça), mais en fait, si le premier champ fait bien un espace avec l'information remplie par l'utilisateur, les suivants ne le font pas. J'ai tenté de remédié au problème en ajoutant un

Code:: text-indent: 1px;

dans le CSS, mais ça ne change rien. Alors je ne sais à quoi il est dû. Pour info, ça me donne ça :

Citation :: Je me prénomme Zhang Jiao. Je suis
une jeune fille
et j'ai actuellement18 ans. Je vis dans
la ville Moyenne
et jesuis étudiante en troisième année de médecine. Je suis en stage à l'hôpital sous les commandes du Docteur Song ; mon titulaire et accessoirement mon professeur particulier.

J'ai certain champ qui vont à la ligne, d'autres pas, va savoir pourquoi, parce que le séparateur est le même pour tous. M'enfin je me dis que ça doit venir d'une table ou un truc du genre, enfin je verrai.

En tout cas, merci pour ta patience et la précision de toutes tes informations, t'es un ange, vraiment !

Ben... rajoute un espace dans le titre du champ '_' (j'ai eu le même souci XD) Donc le nom du champ âge devra être "et j'ai actuellement " et pas "et j'ai actuellement" (subtile nuance de l'espace XD)

Je n'y avais pas pensé ... XD
T'es magique tu sais ça ?
Ben cette fois, j'ai résolu définitivement mon problème ! Grâce à ta magie oui ♥
Et pour le problème de retour à la ligne j'ai découvert que c'était le "choix multiple" qui le causait. Pourquoi ? Aucune idée. Si ça se modifie ? Aucune idée aussi. Mais bon, au pire, je peux m'en passer quoi.

XD Faut regarder le code source, tu sauras pourquoi. Les choix multiples s'affichent côté code sous forme de liste (ul > li), là encore un peu de CSS pour régler ça :

Code:: /* on affiche la liste sous forme d'élément inline */
ul.profile_field_list { display:inline; }
/* on affiche les éléments de la liste en ligne aussi */
ul.profile_field_list > li { display:inline; }

/* on met une virgule après un élément de liste */
ul.profile_field_list > li:after {
content:", ";
}

/* on ne met PAS de virgule après le dernier élément de la liste */
ul.profile_field_list > li:last-child:after {
content:"";
}

(J'étais pas supposée t'aider plus loin mais vu que je suis en pleine rédaction de tutoriel...)

Par contre :
- Dans le profil des membres l'affichage sera moche (ben ouais, un champ "et j'ai actuellement" ça veut rien dire XD)
- Il ne faut pas utiliser d'images
- Il ne faut pas utiliser de zone de texte

C'est pas beau en effet dans le profil même du membre, mais j'ai quand même ajouté des indications histoires qu'on sache ce qu'il faut y remplir (je suis gentille oui, je sais #SHBAF#).
Merci pour ce bonus, j'avais retirer tous mes champs en liste pour les refaire en texte, mais je garde, ça me sera utile pour les deux derniers.
Merci encore ! && Bon courage pour ton tutoriel ♥

J'ai fini mon tutoriel, au bout de... QUATRE HEURES ? O.O Je suis un boulet ToT

Pour la question du profil des membres et de la page d'édition du profil, j'ai trouvé un correctif possible :

Citation :

Malheureusement, si le profil s'affiche de la façon que vous souhaitiez, il reste encore deux problèmes non négligeables !
- Dans le profil du membre, vous voyez désormais des trucs du genre "messages depuis que je me suis inscrit, le " à la place de Date d'inscription
- Et c'est la même chose dans la page d'édition du profil (ou d'inscription)

Dans le profil des membres, vous pouvez "corriger" via le CSS par une méthode un peu fourbasse mais qui m'a l'air de fonctionner.
• Tout d'abord, repérez l'identifiant des champs de profil spéciaux (passez votre souris au dessus de l'icone [Résolu] Informations et questions sur le tempate viewtopic_body Editer

[Résolu] Informations et questions sur le tempate viewtopic_body Editer

à côté de votre champ de profil, l'adresse s'affiche normalement en bas de votre navigateur et finit toujours par id=x, avec x l'identifiant de votre champ de profil)
• Puis, dans votre CSS, ajoutez ceci pour chaque champ à renommer (en remplaçant x par le bon identifiant, bien sûr) :

Code:: #field_id-x > dt > span { font-size:0px; }
#field_id-x > dt > span:after {
content:"Titre du champ"; /* nom de remplacement du champ */
font-size:11px; /* taille du texte */
}

Pour la page d'édition du profil, c'est plus compliqué. Je vous ai dit plus haut dans ce tutoriel de penser à mettre le nom d'origine du champ dans sa description, on va s'en servir.

Vous devrez aussi faire de même (mettre le nom du champ dans sa description) pour les champs de contact.

Rendez vous dans Templates » Profil et éditez cette fois le template profile_add_body.

Cherchez cette variable de template :

Code:: {switch_informations_menu.switch_profile_fields.field.NAME}

Et remplacez la par :

Code:: {switch_informations_menu.switch_profile_fields.field.DESCRIPTION}

Et un peu plus bas, trouvez et supprimez cette ligne :

Code:: <span class="gensmall">{switch_informations_menu.switch_profile_fields.field.DESCRIPTION}</span>

Enregistrez vos modifications et publiez les : le titre a été remplacé par la description du champ '_'

Merci pour cette suite 'Christa, je m'en occuperai dès que j'ai le temps, c'est vraiment super ♥

Et bien... quelle nuit agitée... Cool

Je peux classer, Hinari ? Plus de question ? ^-^

EDIT : *avait mal regardé*
Je classe.

[Résolu] Informations et questions sur le tempate viewtopic_body

[Résolu] Informations et questions sur le tempate viewtopic_body

Sujets similaires

Sujets similaires

Partenaires Or