Divers problèmes affichages (colonnes, titre forum à centrer, affichage lien sous forum)

2 participants

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

Résolu Divers problèmes affichages (colonnes, titre forum à centrer, affichage lien sous forum)

Message par paumiste Sam 7 Mar 2015 - 11:27

Détails techniques


Version du forum : Invision
Poste occupé : Administrateur
Navigateur(s) concerné(s) : Mozilla Firefox, Internet Explorer
Capture d'écran du problème :
Voir l'image:

Personnes concernées par le problème : Tous les utilisateurs
Lien du forum : http://longue-paume.forumsactifs.com/index.htm

Description du problème

Bonjour,

J'ai 3 "petits" problèmes d'affichage sur mon forum. Tout est indiqué sur l'imprim écran (lien car ça n'a pas l'air de fonctionner au dessus : https://servimg.com/view/12045042/1226 ), cela me paraît plus simple à comprendre que de longues phrases explicatives.

Merci d'avance pour votre aide.


Dernière édition par paumiste le Lun 9 Mar 2015 - 22:23, édité 1 fois
paumiste

paumiste
****

Messages : 271
Inscrit(e) le : 26/02/2008

http://longue-paume.forumsactifs.com/index.htm
paumiste a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Divers problèmes affichages (colonnes, titre forum à centrer, affichage lien sous forum)

Message par [Nihil] Sam 7 Mar 2015 - 23:44

Coucou Paumiste Smile

Si la capture d'écran ne fonctionne pas au dessus, c'est par ce qu'il faut fournir le lien direct de l'image (avec l'extension à la fin). Par exemple : https://i.servimg.com/u/f38/12/04/50/42/modif_10.png

Pour le fil d'Arianne, tu peux modifier en CSS en ajoutant ceci :
Code:
/* Modification fil d Arianne */
#navstrip li {
    padding: 0;
    margin: 0;
}

#navstrip > li + li::before {
    content: "::";
    margin: 0 5px;
}

Pour centrer le titre :
Code:
/* Centrer titre */
.maintitle.floated h1 {
    float: none;
    text-align: center;
}

Enfin, pour la colonne à supprimer le plus simple est que tu nous fournisses ton template topics_list_box pour que l'on t'indique la partie à modifier Smile
[Nihil]

[Nihil]
Membre habitué

Messages : 1215
Inscrit(e) le : 10/12/2009

https://forum.forumactif.com
[Nihil] a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Divers problèmes affichages (colonnes, titre forum à centrer, affichage lien sous forum)

Message par paumiste Dim 8 Mar 2015 - 21:15

Bonjour ;

Merci pour votre aide.

Le code pour le fil d'Arianne fonctionne, par contre pour celui concernant le centrage du titre je souhaitais un centrage sur la hauteur et non pas sur la largeur. Cela est-il possible ?

Voici mon template topics_list_box

Code:
<!-- BEGIN topics_list_box -->
   <!-- BEGIN row -->
      <!-- BEGIN header_table -->
         <!-- BEGIN multi_selection -->
            <script type="text/javascript">
               //<![CDATA[
               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 -->

         <div class="maintitle floated dropped">
            <h1>{FORUM_NAME}</h1>

            <!-- BEGIN switch_forum_options -->
               <div id="forummenu-options" class="popmenubutton">
                  <a href="javascript:void(0);" onclick="togglePopUpMenu('forummenu-options_menu');">{L_FORUM_OPTIONS}</a>
               </div>
               <ul id="forummenu-options_menu" class="popupmenu" style="position: absolute; top: 30px; right: 8px; z-index: 10000; display: none;">
                  <li class="popupmenu-category">
                     {L_FORUM_OPTIONS}
                  </li>
                  <li class="popupmenu-item">
                     <a href="{U_MARK_READ}">{L_MARK_TOPICS_READ}</a>
                  </li>
                  <li class="popupmenu-item last">
                     {S_WATCH_FORUM}
                  </li>
               </ul>
            <!-- END switch_forum_options -->

         </div>

         <table cellspacing="0" cellpadding="0" class="ipbtable">
            <thead>
               <tr>
                  <th class="icon"></th>
                  <th class="icon" style="width: 2%;"></th>
                  <th class="forum2">{topics_list_box.row.L_TITLE}</th>
                  <th class="topics">{topics_list_box.row.L_REPLIES}</th>
                  <th class="starter">{topics_list_box.row.L_AUTHOR}</th>
                  <th class="views">{topics_list_box.row.L_VIEWS}</th>
                  <th class="last last-post2">{topics_list_box.row.L_LASTPOST}</th>
                  <!-- BEGIN multi_selection -->
                     <th>
                        <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>
            </thead>
            <tbody>
      <!-- END header_table -->

      <!-- BEGIN header_row -->
         <strong>{topics_list_box.row.L_TITLE}</strong>
      <!-- END header_row -->

      <!-- BEGIN topic -->
         <!-- BEGIN table_sticky -->
            </tbody>
         </table>


         <div class="maintitle">
            <h2>{topics_list_box.row.topic.table_sticky.L_TITLE}</h2>
         </div>
         <table cellspacing="0" cellpadding="0" class="ipbtable">
            <thead>
               <tr>
                  <th class="icon"></th>
                  <th class="icon"></th>
                  <th class="forum2">{topics_list_box.row.topic.table_sticky.L_TITLE}</th>
                  <th class="topics">{topics_list_box.row.topic.table_sticky.L_REPLIES}</th>
                  <th class="starter">{topics_list_box.row.topic.table_sticky.L_AUTHOR}</th>
                  <th class="views">{topics_list_box.row.topic.table_sticky.L_VIEWS}</th>
                  <th class="last last-post2">{topics_list_box.row.topic.table_sticky.L_LASTPOST}</th>
                  <!-- BEGIN multi_selection -->
                     <th class="checkbox">
                        <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>
            </thead>
            <tbody>
         <!-- END table_sticky -->
               <tr>
                  <td class="row1 centered <!-- BEGIN line_sticky --> sticky-separator <!-- END line_sticky -->">
                     <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="row1 centered <!-- BEGIN line_sticky --> sticky-separator <!-- END line_sticky -->">
                     {topics_list_box.row.ICON}
                  </td>
                  <td class="row1 <!-- BEGIN line_sticky --> sticky-separator <!-- END line_sticky -->">
                     <!-- BEGIN single_selection -->
                        <input type="radio" name="{topics_list_box.FIELDNAME}" value="{topics_list_box.row.FID}" {topics_list_box.row.L_SELECT} />
                     <!-- END single_selection -->

                     {topics_list_box.row.PARTICIPATE_POST_IMG}&nbsp;{topics_list_box.row.NEWEST_POST_IMG}&nbsp;{topics_list_box.row.TOPIC_TYPE}&nbsp;
                     <a class="topictitle" href="{topics_list_box.row.U_VIEW_TOPIC}">{topics_list_box.row.TOPIC_TITLE}</a>&nbsp;
                     <!-- BEGIN switch_description -->
                     <p class="topic-desc">{topics_list_box.row.topic.switch_description.TOPIC_DESCRIPTION}</p>
                     <!-- END switch_description -->
                     {topics_list_box.row.GOTO_PAGE_NEW}
                  </td>
                  <td class="row2 centered <!-- BEGIN line_sticky --> sticky-separator <!-- END line_sticky -->">{topics_list_box.row.REPLIES}</td>
                  <td class="row1 centered author <!-- BEGIN line_sticky --> sticky-separator <!-- END line_sticky -->">{topics_list_box.row.TOPIC_AUTHOR}</td>
                  <td class="row2 centered <!-- BEGIN line_sticky --> sticky-separator <!-- END line_sticky -->">{topics_list_box.row.VIEWS}</td>
                  <td class="row1 lastaction <!-- BEGIN line_sticky --> sticky-separator <!-- END line_sticky -->">

                            <!-- BEGIN avatar -->
                            <span class="lastpost-avatar">{topics_list_box.row.topic.avatar.LAST_POST_AVATAR}</span>
                            <!-- END avatar -->

                     {topics_list_box.row.LAST_POST_IMG}&nbsp;{topics_list_box.row.LAST_POST_TIME}
                     <br />{topics_list_box.row.L_BY} {topics_list_box.row.LAST_POST_AUTHOR}
                  </td>
                  <!-- BEGIN multi_selection -->
                     <td class="row2 centered <!-- BEGIN line_sticky --> sticky-separator <!-- END line_sticky -->">
                        <input type="checkbox" name="{topics_list_box.FIELDNAME}" value="{topics_list_box.row.FID}" {topics_list_box.row.L_SELECT} />
                     </td>
                  <!-- END multi_selection -->
               </tr>
      <!-- END topic -->

      <!-- BEGIN no_topics -->
               <tr>
                  <td class="row1 centered" colspan="8"><strong>{topics_list_box.row.L_NO_TOPICS}</strong></td>
               </tr>
      <!-- END no_topics -->

      <!-- BEGIN bottom -->
            </tbody>
         </table>

         <div class="tfooter box-content darkrow clearfix">
            <!-- BEGIN search -->
               <div class="search-footer-box">
                  <form method="get" id="forum-search" action="{S_SEARCHBOX_ACTION}">
                     <fieldset>
                        <input type="text" name="search_keywords" id="search_keywords" size="20" value="{L_SEARCH}" onclick="if (this.value == '{L_SEARCH}') this.value = '';" onblur="if (this.value == '') this.value = '{L_SEARCH}';" />
                        &nbsp;<input class="button" type="submit" value="{L_SEARCH}" />
                        <input type="hidden" value="{SEARCH_WHERE}" name="search_where" />
                     </fieldset>
                  </form>
               </div>
            <!-- END search -->
         </div>
      <!-- END bottom -->

      <!-- BEGIN spacer -->
         <br />
      <!-- END spacer -->
   <!-- END row -->
<!-- END topics_list_box -->

D"avance merci
paumiste

paumiste
****

Messages : 271
Inscrit(e) le : 26/02/2008

http://longue-paume.forumsactifs.com/index.htm
paumiste a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Divers problèmes affichages (colonnes, titre forum à centrer, affichage lien sous forum)

Message par [Nihil] Dim 8 Mar 2015 - 21:47

Oups, je n'avais pas compris Smile

Pour le titre :
Code:

.maintitle.floated.dropped h1 {
    float: none;
    margin-top: 10px;
}

Pour la colonne ne trop, c'est celle qui permet d'afficher les images spécifiques à des sujets ("En cours", "Résolu", etc).
Il faut enlever ceci du template :
Code:
<td class="row1 centered <!-- BEGIN line_sticky --> sticky-separator <!-- END line_sticky -->">
 {topics_list_box.row.ICON}
</td>

Ensuite il faut compenser le fait qu'il y ait une colonne en moins. La ligne juste après est celle ci :
Code:
<td class="row1 <!-- BEGIN line_sticky --> sticky-separator <!-- END line_sticky -->">

On va la remplacer en ajoutant un colspan pour lui dire de prendre la place de 2 colonnes Smile
Code:
<td class="row1 <!-- BEGIN line_sticky --> sticky-separator <!-- END line_sticky -->" colspan="2">
[Nihil]

[Nihil]
Membre habitué

Messages : 1215
Inscrit(e) le : 10/12/2009

https://forum.forumactif.com
[Nihil] a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Divers problèmes affichages (colonnes, titre forum à centrer, affichage lien sous forum)

Message par paumiste Lun 9 Mar 2015 - 22:22

Bonsoir,

Parfait. Merci beaucoup pour votre aide thumleft
paumiste

paumiste
****

Messages : 271
Inscrit(e) le : 26/02/2008

http://longue-paume.forumsactifs.com/index.htm
paumiste a été remercié(e) par l'auteur de ce sujet.

Voir le sujet précédent Voir le sujet suivant Revenir en haut

- Sujets similaires

Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum