Enlever la barre de séparation entre les smileys et les titres des sujets

[Invité]

Bonjour,

Je souhaiterai enlever la barre de séparation verticale qui sépare les smileys des titres des sujets.

Voici de quoi je veux parler :



Merci à l'avance pour votre aide.

[SoraNoHime]

Bonjour,

Passez moi votre template topic_list_box s'il est modifié.

Cordialement.

[Invité]

J'ai toujours celui d'origine.

[SoraNoHime]

Dans ce cas, repérez dans le template topic_list_box :

Code:

<!-- BEGIN icon -->
      <td class="{topics_list_box.row.ROW_CLASS}" align="center" valign="middle" width="20">{topics_list_box.row.ICON}</td>
      <!-- END icon -->
      <td class="{topics_list_box.row.ROW_CLASS}" onmouseover='this.className="row2"' onmouseout='this.className="{topics_list_box.row.ROW_CLASS}"' width="100%">
         <div class="topictitle">
            {topics_list_box.row.NEWEST_POST_IMG}{topics_list_box.row.PARTICIPATE_POST_IMG}{topics_list_box.row.TOPIC_TYPE}
            <h2 class="topic-title">
               <a class="topictitle" href="{topics_list_box.row.U_VIEW_TOPIC}">{topics_list_box.row.TOPIC_TITLE}</a>
            </h2>

et changez le ainsi :

Code:

      <td class="{topics_list_box.row.ROW_CLASS}" onmouseover='this.className="row2"' onmouseout='this.className="{topics_list_box.row.ROW_CLASS}"' width="100%">
         <div class="topictitle"><!-- BEGIN icon -->
      {topics_list_box.row.ICON}
      <!-- END icon -->
            {topics_list_box.row.NEWEST_POST_IMG}{topics_list_box.row.PARTICIPATE_POST_IMG}{topics_list_box.row.TOPIC_TYPE}
            <h2 class="topic-title">
               <a class="topictitle" href="{topics_list_box.row.U_VIEW_TOPIC}">{topics_list_box.row.TOPIC_TITLE}</a>
            </h2>

cela enlève la séparation.

Cependant nuos devont revoir la disposition de la ligne du dessus puisque nous avons enlevé une cellule, un peu plus haut repérez :

Code:

      <th colspan="{topics_list_box.row.header_table.COLSPAN}" align="center" nowrap="nowrap"> {topics_list_box.row.L_TITLE} </th>

et changez le par :

Code:

      <th colspan="2" align="center" nowrap="nowrap"> {topics_list_box.row.L_TITLE} </th>

Cordialement.

[Invité]

Merci beaucoup Macema, cela marche très bien.

Toutefois, j'aurai encore deux petites questions :

Comment faire pour centrer le smiley verticalement, afin qu'il soit aligné avec le titre du sujet ?

Mon rendu actuel :


Celui que je souhaite obtenir :


Et comment placer les pages juste en dessous du titre du sujet ?

Mon rendu actuel :


Celui que je souhaite obtenir :


Merci à vous.

[Scipion]

Comment faire pour centrer le smiley verticalement, afin qu'il soit aligné avec le titre du sujet ?

Bonjour

En consultant les explications données par ce tutoriel FA, je pense que vous pourrez résoudre le problème d'alignement des smileys :

Gérer la position verticale des smileys et images dans les messages

Cordialement

[Invité]

Merci pour le lien, Scipion.

J'ai fais deux tests, l'un avec ceci :

Code:

.topictitle { vertical-align: middle; }

Et le second avec :

Code:

.icon { vertical-align: middle; }

Mais je n'obtiens aucun résultat, peut-être que je n'ai pas mis le bon sélecteur...

[Scipion]

Pour phpBB2, il me semble que vous devez plutôt essayer avec ce code :

Code:

.postbody img { vertical-align: middle; }

Cordialement

[SoraNoHime]

Sachant qu'il n'y a pas de class devant la balise des icones (ce n'est pas comme dans un message ) rien ne fonctionnera

il faut faire un tableau à l'intérieur de la celllule que j'ai créé pour obtenir ce résultat...

Maintenant que e suis revenue, je cours vous préparer ça

Edit voici votre template topic_list_box :

Code:

<!-- BEGIN topics_list_box --><!-- BEGIN row --><!-- BEGIN header_table --><!-- BEGIN multi_selection -->
<script type="text/javascript">
function check_uncheck_main_{topics_list_box.row.header_table.BOX_ID}() {
   var all_checked = true;
   for (i = 0; (i < document.{topics_list_box.FORMNAME}.elements.length) && all_checked; i++) {
      if (document.{topics_list_box.FORMNAME}.elements[i].name == '{topics_list_box.FIELDNAME}[]{topics_list_box.row.header_table.BOX_ID}') {
         all_checked = document.{topics_list_box.FORMNAME}.elements[i].checked;
      }
   }
   document.{topics_list_box.FORMNAME}.all_mark_{topics_list_box.row.header_table.BOX_ID}.checked = all_checked;
}
function check_uncheck_all_{topics_list_box.row.header_table.BOX_ID}() {
   for (i = 0; i < document.{topics_list_box.FORMNAME}.length; i++) {
      if (document.{topics_list_box.FORMNAME}.elements[i].name == '{topics_list_box.FIELDNAME}[]{topics_list_box.row.header_table.BOX_ID}') {
         document.{topics_list_box.FORMNAME}.elements[i].checked = document.{topics_list_box.FORMNAME}.all_mark_{topics_list_box.row.header_table.BOX_ID}.checked;
      }
   }
}
</script>
<!-- END multi_selection -->

<table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0">
   <tr>
      <th colspan="2" align="center" nowrap="nowrap"> {topics_list_box.row.L_TITLE} </th>
      <th align="center" nowrap="nowrap" width="80"> {topics_list_box.row.L_REPLIES} </th>
      <th align="center" nowrap="nowrap" width="100"> {topics_list_box.row.L_AUTHOR} </th>
      <th align="center" nowrap="nowrap" width="50"> {topics_list_box.row.L_VIEWS} </th>
      <th align="center" nowrap="nowrap" width="150"> {topics_list_box.row.L_LASTPOST} </th>
      <!-- BEGIN multi_selection -->
      <th align="center" nowrap="nowrap" width="20"><input onclick="check_uncheck_all_{topics_list_box.row.header_table.BOX_ID}();" type="checkbox" name="all_mark_{topics_list_box.row.header_table.BOX_ID}" value="0" /></th>
   <!-- END multi_selection -->
   </tr>
   <!-- BEGIN pagination -->
   <tr>
      <td class="row1" colspan="7" align="right"><span class="gensmall">{PAGINATION}</span></td>
   </tr>
   <!-- END pagination -->
   <!-- END header_table --><!-- BEGIN header_row -->
   <tr>
      <td class="row3" colspan="{topics_list_box.row.COLSPAN}"><span class="gensmall"> <b>{topics_list_box.row.L_TITLE}</b></span></td>
   </tr>
<!-- END header_row -->

<!-- BEGIN topic -->
{topics_list_box.row.END_TABLE_STICKY}
   <tr>
      <!-- BEGIN single_selection -->
      <td class="{topics_list_box.row.ROW_CLASS}" align="center" valign="middle" width="20"><input type="radio" name="{topics_list_box.FIELDNAME}" value="{topics_list_box.row.FID}" {topics_list_box.row.L_SELECT} /></td>
      <!-- END single_selection -->
      <td class="{topics_list_box.row.ROW_FOLDER_CLASS}" align="center" valign="middle" width="20"><img title="{topics_list_box.row.L_TOPIC_FOLDER_ALT}" src="{topics_list_box.row.TOPIC_FOLDER_IMG}" alt="{topics_list_box.row.L_TOPIC_FOLDER_ALT}" /></td>
          <td class="{topics_list_box.row.ROW_CLASS}" onmouseover='this.className="row2"' onmouseout='this.className="{topics_list_box.row.ROW_CLASS}"' width="100%">
            <table width="100%" cellspacing="0" cellpadding="0"><tr><td width="50" align="center" valign="middle"><!-- BEGIN icon -->
          {topics_list_box.row.ICON}
          <!-- END icon --></td><td width="100%"><div class="topictitle">
                {topics_list_box.row.NEWEST_POST_IMG}{topics_list_box.row.PARTICIPATE_POST_IMG}{topics_list_box.row.TOPIC_TYPE}
                <h2 class="topic-title">
                  <a class="topictitle" href="{topics_list_box.row.U_VIEW_TOPIC}">{topics_list_box.row.TOPIC_TITLE}</a>
                </h2>
         </div>
         <!-- BEGIN switch_description -->
         <span class="genmed">
            <br />
            {topics_list_box.row.topic.switch_description.TOPIC_DESCRIPTION}
         </span>
         <!-- END switch_description -->
         <span class="gensmall">{topics_list_box.row.TOPIC_ANNOUNCES_DATES}{topics_list_box.row.TOPIC_CALENDAR_DATES}</span> 
         <span class="gensmall">{topics_list_box.row.GOTO_PAGE}<!-- BEGIN nav_tree -->{topics_list_box.row.TOPIC_NAV_TREE} <!-- END nav_tree --></span>
      </td></tr></table></td>

      <td class="row2" align="center" valign="middle"><span class="postdetails">{topics_list_box.row.REPLIES}</span></td>
      <td class="row3" align="center" valign="middle"><span class="name"><strong>{topics_list_box.row.TOPIC_AUTHOR}</strong></span></td>
      <td class="row2" align="center" valign="middle"><span class="postdetails">{topics_list_box.row.VIEWS}</span></td>
      <td class="row3Right" onmouseover='this.className="row1"' onmouseout='this.className="row3Right"' align="center" valign="middle" nowrap="nowrap"><span class="postdetails">{topics_list_box.row.LAST_POST_TIME}<br />{topics_list_box.row.LAST_POST_AUTHOR} {topics_list_box.row.LAST_POST_IMG}</span></td>
<!-- BEGIN multi_selection -->
      <td class="row2" align="center" valign="middle"><span class="postdetails"><input onclick="javascript:check_uncheck_main_{topics_list_box.row.BOX_ID}();" type="checkbox" name="{topics_list_box.FIELDNAME}[]{topics_list_box.row.BOX_ID}" value="{topics_list_box.row.FID}" {topics_list_box.row.L_SELECT} /></span></td>
   <!-- END multi_selection -->
   </tr>
   <!-- END topic --><!-- BEGIN no_topics -->
   <tr>
      <td class="row1" colspan="{topics_list_box.row.COLSPAN}" align="center" valign="middle" height="30"><span class="gen">{topics_list_box.row.L_NO_TOPICS}</span></td>
   </tr>
   <!-- END no_topics --><!-- BEGIN bottom -->
   <tr>
      <td class="catBottom" colspan="{topics_list_box.row.COLSPAN}" valign="middle">
         <table width="100%" border="0" cellspacing="0" cellpadding="0">
            <tr>
               <td> <span class="gensmall">{PAGINATION}</span></td>
               <td align="right"><a href="#top">{L_BACK_TO_TOP}</a> </td>
            </tr>
         </table>
      </td>
   </tr>
<!-- END bottom --><!-- BEGIN footer_table -->
</table><!-- END footer_table --><!-- BEGIN spacer --><br class="gensmall" /><!-- END spacer --><!-- END row --><!-- END topics_list_box -->

[Invité]

Encore une fois merci, Macema.

Juste une dernière chose, je voudrai déplacer mes numéros de page [ Aller à la page : 1, 2, ... , 11, 12] afin de les mettre à la suite du titre du sujet. Comme sur mon montage ci-dessous :



Et si possible, ne garder que les chiffres, comme ici :



Merci beaucoup.

[SoraNoHime]

Ceci est imposible dans le sens où lorsu'on enlève la balise {topics_list_box.row.GOTO_PAGE} (celle qui marque Aller à la page) les chiffres n'apparaissent plus du tout.

J'ai personnellement essayé de modifier cette partie de différente façon sans jamais y parvenir, même avec un script de replacement de mot.

Cordialement.

[Invité]

Ok merci, tant pis alors.

Et sinon concernant le déplacement des pages juste à côté du titre (comme ci-dessous) ? Cela est faisable ?

[SoraNoHime]

Oui, j'étais en train de me pencher dessus, je vous tiens au courant ^^

Edit : même problème, un <br/> est intégré à cette balise et n'est pas remplaçable par un script de remplacement comme celui du qeel. Donc c'est impossible à effectuer.

Cordialement.

[Invité]

D'accord, je vous remercie encore pour toute votre aide.