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

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

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

Message par Invité le Jeu 21 Juil 2011 - 11:22

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.


Dernière édition par Bobers le Sam 23 Juil 2011 - 16:28, édité 1 fois

Invité
Invité


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

Résolu Re: Enlever la barre de séparation entre les smileys et les titres des sujets

Message par SoraNoHime le Jeu 21 Juil 2011 - 11:26

Bonjour,

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

Cordialement.

SoraNoHime
+ Hyperactif +

Féminin
Messages : 6218
Inscrit(e) le : 10/06/2010

http://fanasiacodes.bbfr.net/
SoraNoHime a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Enlever la barre de séparation entre les smileys et les titres des sujets

Message par Invité le Jeu 21 Juil 2011 - 11:28

J'ai toujours celui d'origine.

Invité
Invité


Invité a été remercié(e) par l'auteur de ce sujet.
  • 0

Résolu Re: Enlever la barre de séparation entre les smileys et les titres des sujets

Message par SoraNoHime le Jeu 21 Juil 2011 - 11:33

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.

SoraNoHime
+ Hyperactif +

Féminin
Messages : 6218
Inscrit(e) le : 10/06/2010

http://fanasiacodes.bbfr.net/
SoraNoHime a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Enlever la barre de séparation entre les smileys et les titres des sujets

Message par Invité le Jeu 21 Juil 2011 - 16:14

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.

Invité
Invité


Invité a été remercié(e) par l'auteur de ce sujet.
  • 0

Résolu Re: Enlever la barre de séparation entre les smileys et les titres des sujets

Message par Scipion le Jeu 21 Juil 2011 - 17:23

Bobers a écrit: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

Scipion
+ Hyperactif +

Masculin
Messages : 8655
Inscrit(e) le : 03/02/2010

http://forum.forumactif.com/
Scipion a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Enlever la barre de séparation entre les smileys et les titres des sujets

Message par Invité le Jeu 21 Juil 2011 - 18:09

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

Invité
Invité


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

Résolu Re: Enlever la barre de séparation entre les smileys et les titres des sujets

Message par Scipion le Jeu 21 Juil 2011 - 20:19

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

Code:
.postbody img { vertical-align: middle; }
Cordialement

Scipion
+ Hyperactif +

Masculin
Messages : 8655
Inscrit(e) le : 03/02/2010

http://forum.forumactif.com/
Scipion a été remercié(e) par l'auteur de ce sujet.
  • 0

Résolu Re: Enlever la barre de séparation entre les smileys et les titres des sujets

Message par SoraNoHime le Jeu 21 Juil 2011 - 22:21

Sachant qu'il n'y a pas de class devant la balise des icones (ce n'est pas comme dans un message Rolling Eyes ) 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 Smile

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

SoraNoHime
+ Hyperactif +

Féminin
Messages : 6218
Inscrit(e) le : 10/06/2010

http://fanasiacodes.bbfr.net/
SoraNoHime a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Enlever la barre de séparation entre les smileys et les titres des sujets

Message par Invité le Ven 22 Juil 2011 - 13:58

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.

Invité
Invité


Invité a été remercié(e) par l'auteur de ce sujet.
  • 0

Résolu Re: Enlever la barre de séparation entre les smileys et les titres des sujets

Message par SoraNoHime le Ven 22 Juil 2011 - 20:27

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.

SoraNoHime
+ Hyperactif +

Féminin
Messages : 6218
Inscrit(e) le : 10/06/2010

http://fanasiacodes.bbfr.net/
SoraNoHime a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Enlever la barre de séparation entre les smileys et les titres des sujets

Message par Invité le Ven 22 Juil 2011 - 20:36

Ok merci, tant pis alors.

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


Invité
Invité


Invité a été remercié(e) par l'auteur de ce sujet.
  • 0

Résolu Re: Enlever la barre de séparation entre les smileys et les titres des sujets

Message par SoraNoHime le Ven 22 Juil 2011 - 20:37

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.

SoraNoHime
+ Hyperactif +

Féminin
Messages : 6218
Inscrit(e) le : 10/06/2010

http://fanasiacodes.bbfr.net/
SoraNoHime a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Enlever la barre de séparation entre les smileys et les titres des sujets

Message par Invité le Sam 23 Juil 2011 - 16:27

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

Invité
Invité


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