séparer "manuellement" les annonces du reste des sujets

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

Résolu séparer "manuellement" les annonces du reste des sujets

Message par Invité le Dim 17 Aoû 2014 - 18:31

Bonjour !
Je cherche depuis ce matin et j'ai peur de faire des bêtises donc je viens consulter les codeurs qui voudront bien m'aider <3
En fait, je cherche à mettre une ligne entre les annonces et le reste des sujets, mais pas en passant par les options dispos sur le panneau d'admin. Je m'explique : j'ai modifié mes templates et l'apparence de mon forum entièrement, du coup que je mette "non", "par une ligne", "par un tableau" ça ne change rien >.>

► Je cherche donc à le faire "manuellement" en insérant directement l'image de la ligne dans mon template topics_list_box. Mais je ne sais pas où je dois la mettre pour qu'elle se place entre les annonces et les autres sujets.

► SCREENS :
Voilà ce que j'ai :


Et voilà ce que j'aimerais avoir :



► Voilà mon template archi-modifié si besoin :
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="{topics_list_box.row.header_table.COLSPAN}" align="center" nowrap="nowrap"></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">&nbsp;<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="top"><input type="radio" name="{topics_list_box.FIELDNAME}" value="{topics_list_box.row.FID}" {topics_list_box.row.L_SELECT} /></td>
      <!-- END single_selection -->
          <!-- BEGIN icon -->
      <td class="{topics_list_box.row.ROW_CLASS}" align="center" valign="top">{topics_list_box.row.ICON}</td>
      <!-- END icon -->
      <td class="{topics_list_box.row.ROW_FOLDER_CLASS}" align="center" valign="top"><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%">
         <div class="topictitle">
            {topics_list_box.row.NEWEST_POST_IMG}{topics_list_box.row.PARTICIPATE_POST_IMG}
            <h2 class="topic-title">
                                  <a class="topictitle" href="{topics_list_box.row.U_VIEW_TOPIC}">{topics_list_box.row.TOPIC_TITLE}</a> <i>posté par {topics_list_box.row.TOPIC_AUTHOR}</i><br/>
                                 
            </h2>
         </div>
 <div style="background-color : #E3E4A7; padding : 3px; border : 1px dashed white;">
         <!-- BEGIN switch_description -->
         <span class="genmed">
            
                         {topics_list_box.row.topic.switch_description.TOPIC_DESCRIPTION}
         </span>
         <!-- END switch_description -->
   <span class="gensmall" style="color : #B5B851">{topics_list_box.row.GOTO_PAGE}<!-- BEGIN nav_tree -->{topics_list_box.row.TOPIC_NAV_TREE} <!-- END nav_tree --></span>
   </div>
                  <div style="text-align : right; padding-right : 20px; font-size : 9px; font-weight : normal">{topics_list_box.row.VIEWS} visites et {topics_list_box.row.REPLIES} fleurs déposées {topics_list_box.row.LAST_POST_IMG} {topics_list_box.row.LAST_POST_AUTHOR} {topics_list_box.row.LAST_POST_TIME}</div>
         <span class="gensmall">{topics_list_box.row.TOPIC_ANNOUNCES_DATES}{topics_list_box.row.TOPIC_CALENDAR_DATES}</span>&nbsp;
      </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">il n'y a pas encore de rps ici !</span></td>
   </tr>
   <!-- END no_topics --><!-- BEGIN bottom -->
<!-- END bottom --><!-- BEGIN footer_table -->
</table><!-- END footer_table --><!-- BEGIN spacer --><br class="gensmall" /><!-- END spacer --><!-- END row --><!-- END topics_list_box -->

Je code beaucoup donc vous pouvez utiliser du langage technique, je pense que je comprendrais  Mr. Green 
Merci d'avance si vous m'aidez <3


Dernière édition par Amy Nagata le Jeu 28 Aoû 2014 - 13:14, édité 1 fois

Invité
Invité


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

Résolu Re: séparer "manuellement" les annonces du reste des sujets

Message par Invité le Jeu 21 Aoû 2014 - 22:34

Un petit up ?
Est-ce possible ou non ?

Invité
Invité


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

Résolu Re: séparer "manuellement" les annonces du reste des sujets

Message par Ea le Jeu 21 Aoû 2014 - 22:53

Bonjour,


Juste en regardant le nom, je dirais que c'est {topics_list_box.row.END_TABLE_STICKY}

Si c'était ça, il faudrait d'abord l'entourer de AAA / BBB et regarder suivant l'option de séparation des posts-it pour voir si c'est remplacé par quelque chose, et le cas échéant par quoi.

Cordialement.

Ea
Aidactif
Aidactif

Messages : 23442
Inscrit(e) le : 04/04/2008

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

Résolu Re: séparer "manuellement" les annonces du reste des sujets

Message par [Nihil] le Ven 22 Aoû 2014 - 18:15

Oh, je me souviens qu'à une époque j'avais voulu faire quelque chose de similaire... Mais finalement j'avais pas continué /ZBAAF/  What a Face 

Effectivement, la solution se trouve à ce niveau
Code:
{topics_list_box.row.END_TABLE_STICKY}

Si c'est une séparation par un tableau, voici le code qui sera mis :
Code:
<tr>
    <th nowrap="nowrap" align="center" colspan="3">&nbsp;Sujets&nbsp;</th>
    <th width="80" nowrap="nowrap" align="center">&nbsp;Réponses&nbsp;</th>
    <th width="100" nowrap="nowrap" align="center">&nbsp;Auteur&nbsp;</th>
    <th width="50" nowrap="nowrap" align="center">&nbsp;Vues&nbsp;</th>
    <th width="150" nowrap="nowrap" align="center">&nbsp;Derniers Messages&nbsp;</th>
</tr>

Par une ligne
Code:
<tr>
    <td nowrap="nowrap" height="10" align="center" class="row3" colspan="7"></td>
</tr>

Ensuite, en touchant au HTML et au CSS, ou bien juste en Javascript tu peux bidouiller un peu o/

Une solution pourrait être donc de remplacer {topics_list_box.row.END_TABLE_STICKY} par
Code:
<tr>
    <td colspan="3">
        <table class="table-separation" >
            {topics_list_box.row.END_TABLE_STICKY}
        </table>
    </td>
</tr>
Ainsi notre élément est sélectionnable plus facilement (j'ai mis un nom bidon pour la classe hein  Mr. Green). Après libre à toi de tripatouiller tout ça :p 

Si tu veux je peux détailler comment faire ^___^

EDIT : ajout d'un colspan="3" pour que la cellule prenne la bonne largeur.


Dernière édition par [Nihil] le Ven 22 Aoû 2014 - 21:35, édité 1 fois

[Nihil]
# Tropactif #

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

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

Résolu Re: séparer "manuellement" les annonces du reste des sujets

Message par Ea le Ven 22 Aoû 2014 - 19:22

Si avec la modificiation donnée par [nihil] on veut remplacer la séparation par un code html, on peut ajouter ce script sur les liste de sujets ( PA > Modules > HTML & JAVASCRIPT | Gestion des codes Javascript ) :

Code:
$(function() {
  $(".table-separation tr").closest(".table-separation").replaceWith('mon code html de séparation <img src="http://i.imgur.com/mGkyv90.png" />');
});

Ea
Aidactif
Aidactif

Messages : 23442
Inscrit(e) le : 04/04/2008

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

Résolu Re: séparer "manuellement" les annonces du reste des sujets

Message par Invité le Mer 27 Aoû 2014 - 20:28

Merci de votre aide !
Je vais essayer ça et je reviens vous dire si ça fonctionne °3°

EDIT :
C'est parfait ! J'ai pris vos deux codes et ça marche bien <3 Merci à vous, je passe le sujet en résolu !

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