Personnaliser la pagination

Page 3 sur 4 Précédent  1, 2, 3, 4  Suivant

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

Résolu Personnaliser la pagination

Message par alv le Dim 12 Jan 2014 - 8:28

Rappel du premier message :

Bonjour,
J'aimerai personnaliser la pagination des sujets. Ceci : [ Aller à la page: 1, 2, 3]
Comment enlever : [ Aller à la page:, les virgules et ] ? Pour qu'il n'y ai plus que les chiffres, comme sur ce forum.
Merci d'avance.


Dernière édition par alv le Sam 5 Avr 2014 - 19:29, édité 3 fois

alv
# Tropactif #

Messages : 1080
Inscrit(e) le : 09/07/2012

http://urlz.fr/2OYC
alv a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Personnaliser la pagination

Message par alv le Jeu 6 Mar 2014 - 11:40

Up

alv
# Tropactif #

Messages : 1080
Inscrit(e) le : 09/07/2012

http://urlz.fr/2OYC
alv a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Personnaliser la pagination

Message par alv le Ven 7 Mar 2014 - 9:54

up

alv
# Tropactif #

Messages : 1080
Inscrit(e) le : 09/07/2012

http://urlz.fr/2OYC
alv a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Personnaliser la pagination

Message par Shinee le Ven 7 Mar 2014 - 10:10

Bonjour ^.^

Si j'ai bien compris, ce qui t'embête actuellement c'est le petit bloc qui se place avant (ou après) les chiffres 1,2,3 etc ?
Question bête mais as-tu pensé à masquer les images en allant dans ton PA > Images & Couleurs > Gestion des Images > Mode Avancé > Mini Icônes > Voir le Sujet Précédent > Cliquer sur la case "Masquer" ?
Normalement ça devrait intégralement supprimer ce petit bloc ^.^

Dis moi si ça fonctionne, bonne journée !

Shinee  Like a Star @ heaven  Hi

Shinee
*

Féminin
Messages : 44
Inscrit(e) le : 07/03/2014

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

Résolu Re: Personnaliser la pagination

Message par alv le Ven 7 Mar 2014 - 11:05

Mille mercis de m'avoir répondu ! cheers 
Je croyais être seul sur Terre !

@Shinee a écrit:Si j'ai bien compris, ce qui t'embête actuellement c'est le petit bloc qui se place avant (ou après) les chiffres 1,2,3 etc ?
C'est exactement ça.
@Shinee a écrit:Question bête mais as-tu pensé à masquer les images en allant dans ton PA > Images & Couleurs > Gestion des Images > Mode Avancé > Mini Icônes > Voir le Sujet Précédent > Cliquer sur la case "Masquer" ?
Normalement ça devrait intégralement supprimer ce petit bloc ^.^
C'est ce que j'avais fait, mais le petit bloc y est toujours.


EDIT: le CSS actuellement sur mon forum est celui-là :
Code:
.paginer, .paginer_topic{
 display: block;
 float: right;
 width: auto;
 background: url(http://illiweb.com/fa/prosilver/icon_pages.gif) no-repeat 0 50%;
 padding-left: 15px;
 font-size: 0px;
 }
.paginer img, .paginer_topic img{
 display:none;
 }
.paginer a, .paginer_topic a, .paginer_topic b{
 display:inline-block;
 border: 1px solid #D4D4D4;
 background-color: #FFFFFF;
 color: #8D8D8D;
 font-size: 9px;
 margin: 0 2px;
 padding: 0px 2px 1px 2px;
 text-decoration: none;
 }
.paginer a:hover, .paginer_topic a:hover, .paginer_topic b:hover{
 display: inline-block;
 border: 1px solid #D4D4D4;
 background-color: #ADE9AE;
 font-size: 9px;
 margin: 0 2px;
 padding: 0px 2px 1px 2px;
 text-decoration: none !important;
 }
.paginer_topic b{
 background-color: #EFEFEF;
 cursor: default;
 }
.paginer_topic a[onmousedown^='createPagination']{
 display: none;
 }
Je pense que les blocs précédent et suivant apparaissent à cause des "padding".
Mais j'en ai besoin pour les numéros de page, donc je ne peux pas l'enlever.

alv
# Tropactif #

Messages : 1080
Inscrit(e) le : 09/07/2012

http://urlz.fr/2OYC
alv a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Personnaliser la pagination

Message par Shinee le Ven 7 Mar 2014 - 11:24

Les blocs s'affichent parce qu'ils veulent absolument avoir une image, même vide, à l'intérieur, d'où la présence de ton
Code:
<img src="http://illiweb.com/fa/empty.gif" alt="Précédent">
dans ton code source.
On va essayer de tricher et voir si on ne peut vraiment pas supprimer ce bloc...

Alors, tout d'abord on va réactiver l'image des flèches : retourne dans ton PA dans l'endroit que je t'ai indiqué dans mon précédent post et au niveau de "Voir le sujet précédent :" clique sur "Voir des modèles". Choisis l'image de la flèche jaune : et surtout décoche la case "masquer" ^.^

Ensuite dans ta feuille de style css, ajoute ceci :

Code:
.sprite-arrow_subsilver_left {
display: none!important;}

Et dis-moi si ton bloc à gauche du chiffre 1 apparaît toujours Smile

EDIT : Si je pouvais avoir, même par MP, le lien de ton forum où tu fais tes tests ce serait beaucoup plus facile car là on y va un peu à l'aveugle  Shutt 

Shinee
*

Féminin
Messages : 44
Inscrit(e) le : 07/03/2014

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

Résolu Re: Personnaliser la pagination

Message par alv le Ven 7 Mar 2014 - 11:48

J'ai remis les images précédent et suivant, puis j'ai mis ton code et rien n'a changé. Il y a toujours ce petit bloc (sans image).
Le forum en question est celui qui est dans mon profil.

alv
# Tropactif #

Messages : 1080
Inscrit(e) le : 09/07/2012

http://urlz.fr/2OYC
alv a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Personnaliser la pagination

Message par alv le Sam 8 Mar 2014 - 10:05

Up Very Happy

alv
# Tropactif #

Messages : 1080
Inscrit(e) le : 09/07/2012

http://urlz.fr/2OYC
alv a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Personnaliser la pagination

Message par alv le Dim 9 Mar 2014 - 9:58

Up
Smile

alv
# Tropactif #

Messages : 1080
Inscrit(e) le : 09/07/2012

http://urlz.fr/2OYC
alv a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Personnaliser la pagination

Message par medamine14 le Dim 9 Mar 2014 - 13:10

salut remplace le javascript donné par Milouze par celui-ci :

Code:

//on supprime le texte allez a la page
$(document).ready(function(){
$(".paginer_topic a:first ").remove();
});
//on supprime le  bloc precedent
$(document).ready(function(){
$(".paginer_topic a:nth-child(2) ").remove();
});

//on supprime le  bloc suivant
$(document).ready(function(){
$(".paginer_topic a:last-child ").remove();
});

normalement avec ça, ils vont s'enlever dès que tu ouvre la page Smile

medamine14
****

Masculin
Messages : 478
Inscrit(e) le : 14/11/2013

http://one-piece.easyforum.fr
medamine14 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Personnaliser la pagination

Message par alv le Dim 9 Mar 2014 - 13:19

Dans la liste des sujets : sur un sujet qui fait 3 pages, il n'y a plus que les liens vers les pages 1 et 2, et sur un sujet qui fait 2 pages, il n'y a plus que le lien vers la page 1.

Dans les sujets :
- Pour la pagination en haut des messages : les blocs précédent et suivant se suppriment bien.
- Pour la pagination en bas des messages : le bloc précédent ne se supprime pas.

alv
# Tropactif #

Messages : 1080
Inscrit(e) le : 09/07/2012

http://urlz.fr/2OYC
alv a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Personnaliser la pagination

Message par alv le Lun 10 Mar 2014 - 12:09

Up

alv
# Tropactif #

Messages : 1080
Inscrit(e) le : 09/07/2012

http://urlz.fr/2OYC
alv a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Personnaliser la pagination

Message par alv le Mar 11 Mar 2014 - 10:38

Up Smile

alv
# Tropactif #

Messages : 1080
Inscrit(e) le : 09/07/2012

http://urlz.fr/2OYC
alv a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Personnaliser la pagination

Message par alv le Mer 12 Mar 2014 - 10:04

Up

alv
# Tropactif #

Messages : 1080
Inscrit(e) le : 09/07/2012

http://urlz.fr/2OYC
alv a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Personnaliser la pagination

Message par alv le Jeu 13 Mar 2014 - 8:51

Up aidez moi 

alv
# Tropactif #

Messages : 1080
Inscrit(e) le : 09/07/2012

http://urlz.fr/2OYC
alv a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Personnaliser la pagination

Message par alv le Ven 14 Mar 2014 - 10:38

Tssss 

alv
# Tropactif #

Messages : 1080
Inscrit(e) le : 09/07/2012

http://urlz.fr/2OYC
alv a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Personnaliser la pagination

Message par medamine14 le Ven 14 Mar 2014 - 15:42

Bonjour,

Essaye ceci :

Code:
img[src="http://illiweb.com/fa/m/arrows_right1.gif"] {display:none;}
img[src="http://illiweb.com/fa/m/arrows_left1.gif"] {display:none;}


Smile

medamine14
****

Masculin
Messages : 478
Inscrit(e) le : 14/11/2013

http://one-piece.easyforum.fr
medamine14 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Personnaliser la pagination

Message par alv le Sam 15 Mar 2014 - 18:58

Je suis désolé, mais avec ces codes, le problème reste inchangé.

alv
# Tropactif #

Messages : 1080
Inscrit(e) le : 09/07/2012

http://urlz.fr/2OYC
alv a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Personnaliser la pagination

Message par medamine14 le Sam 15 Mar 2014 - 21:30

salut,

possible d'avoir un lien ou on peut les voir stp... ?^^
j'ai beau cherché dans ton forum j'arrive pas a trouver un sujet très long ou on peut les voir Smile

medamine14
****

Masculin
Messages : 478
Inscrit(e) le : 14/11/2013

http://one-piece.easyforum.fr
medamine14 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Personnaliser la pagination

Message par alv le Dim 16 Mar 2014 - 6:39

Pour la liste des sujets : ici
Pour les sujets : ici
Mon forum étant en cours de refonte, je n'ai pas encore validé les templates.

alv
# Tropactif #

Messages : 1080
Inscrit(e) le : 09/07/2012

http://urlz.fr/2OYC
alv a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Personnaliser la pagination

Message par medamine14 le Dim 16 Mar 2014 - 23:38

je viens de visiter les liens que tu ma donné je vois pas les images précédents/suivant donc le code a bien fonctionné Smile

en gros tu les veux comme ceci :


?

ps: si tu parle juste de l'espace après (aller a la page) c'est pas en rapport avec les images c'est 2 espaces dans le text ( :  ) c normal qu'il reste parce que nous on a masqué les images Wink


Edit 00:02:27: je viens de relire la première page .. donc c le lien de l'image avec le padding qui pose problème alors voici un javascript pour le faire disparaître Smile

Code:
$(function(){
$('.paginer img,.paginer_topic img').closest('a').css('display','none');
});

medamine14
****

Masculin
Messages : 478
Inscrit(e) le : 14/11/2013

http://one-piece.easyforum.fr
medamine14 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Personnaliser la pagination

Message par alv le Mar 18 Mar 2014 - 9:47

@medamine14 a écrit:donc c le lien de l'image avec le padding qui pose problème
Exactement.

Ton code marche nickel. Mais comment faire pour qu'il s'exécute immédiatement sans attendre le chargement de la page ?

alv
# Tropactif #

Messages : 1080
Inscrit(e) le : 09/07/2012

http://urlz.fr/2OYC
alv a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Personnaliser la pagination

Message par medamine14 le Mar 18 Mar 2014 - 20:03

Slt,

au lieu de :
Code:
$(function(){
});
on va faire ceci :
Code:
$(document).ready(function(){
});

cependant si tu as accès a ces valeurs dans le template le mieux serait de les masquer dans le Template Smile
si possible une copie de la partie du Template concernant la pagination  ^^

medamine14
****

Masculin
Messages : 478
Inscrit(e) le : 14/11/2013

http://one-piece.easyforum.fr
medamine14 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Personnaliser la pagination

Message par alv le Mar 18 Mar 2014 - 20:27

Voilà les templates :

topics_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 width="100%" border="0" cellspacing="0" cellpadding="0">
   <tr height="30">
      <th width="4" rowspan="50" style="background-image: url('http://i56.servimg.com/u/f56/17/66/41/57/fond_c15.png'); background-repeat: no-repeat; background-color: transparent"><div style="width: 3px"> </div></th>
      <th colspan="{topics_list_box.row.header_table.COLSPAN}" align="center" nowrap="nowrap">Sujets</th>
      <th width="70" align="center" nowrap="nowrap"> {topics_list_box.row.L_REPLIES} </th>
      <th width="200" align="center" nowrap="nowrap"><div style="width: 201px">{topics_list_box.row.L_LASTPOST}</div></th>
      <!-- BEGIN multi_selection -->
      <th width="20" align="center" nowrap="nowrap"><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 -->
      <th width="6" rowspan="50" style="background-image: url('http://i56.servimg.com/u/f56/17/66/41/57/fond_c16.png'); background-repeat: no-repeat; background-color: transparent"><div style="width: 4px"> </div></th>
   </tr>
   <!-- END header_table --><!-- BEGIN header_row -->
   <tr>
      <td class="row3" colspan="{topics_list_box.row.COLSPAN}"><span class="gensmall">topics_list_box.row.L_TITLE}</span></td>
   </tr>
<!-- END header_row -->

<!-- BEGIN topic -->
{topics_list_box.row.END_TABLE_STICKY}
   <tr class="sujets" height="35">
      <!-- BEGIN single_selection -->
      <td class="sujets_ligne" 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="sujets_ligne_bordure_gauche" align="center" valign="middle" width="20" style="padding-left: 10px; padding-right: 5px"><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>
      <!-- BEGIN icon -->
      <td class="sujets_ligne" align="center" valign="middle" width="20">{topics_list_box.row.ICON}</td>
      <!-- END icon -->
      <td class="sujets_ligne" width="100%">
         <span style="padding-left: 5px; font-size: 11px"><b>{topics_list_box.row.TOPIC_TYPE}</b></span>
         <a id="sujets_lien" href="{topics_list_box.row.U_VIEW_TOPIC}" style="font-size: 11px; text-decoration: none">{topics_list_box.row.TOPIC_TITLE}</a><span style="float: right; padding-right: 15px">{topics_list_box.row.PARTICIPATE_POST_IMG}</span>
         <!-- 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>
         <div class="gensmall paginer_topic" id="pagination" style="float: right; margin-right: 10px">{topics_list_box.row.GOTO_PAGE}<!-- BEGIN nav_tree -->{topics_list_box.row.TOPIC_NAV_TREE}<!-- END nav_tree --></div>
      </td>
      <td class="sujets_ligne_bordure_centre" align="center" valign="middle"><span class="postdetails">{topics_list_box.row.REPLIES}</span></td>
      <td class="sujets_ligne_bordure_droite" width="200" align="left" valign="middle" nowrap="nowrap" style="padding-left: 15px; padding-right: 10px; text-align: center"><span class="postdetails" id="date">{topics_list_box.row.LAST_POST_TIME} </span>{topics_list_box.row.LAST_POST_IMG}</td>
         <script type="text/javascript">
         jQuery('#pagination').html(jQuery('#pagination').html().replace(/\.\.\. /g,"<span style='font-size: 10px'>...</span>")).removeAttr('id');
         jQuery('#date').html(jQuery('#date').html().replace(/le /g,"")).removeAttr('id');
         </script>
      <!-- BEGIN multi_selection -->
      <td class="sujets_ligne" 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="4" align="center" valign="middle" height="30" style="border-top: 1px solid white; border-left: 1px solid #D4D4D4; border-bottom: 1px solid #D4D4D4; border-right: 1px solid #D4D4D4">
         <span class="gen">Aucun message</span>
      </td>
   </tr>
   <!-- END no_topics --><!-- BEGIN bottom -->
</table>
<table border="0" cellpadding="0" cellspacing="0" width="100%">
   <tr>
      <td width="310" style="background-image: url('http://i56.servimg.com/u/f56/17/66/41/57/fond_c12.png'); background-repeat: no-repeat"><br></td>
      <td style="background-image: url('http://i56.servimg.com/u/f56/17/66/41/57/fond_c13.png'); background-repeat: repeat-x"><br></td>
      <td width="310" style="background-image: url('http://i56.servimg.com/u/f56/17/66/41/57/fond_c14.png'); background-repeat: no-repeat">
         <span style="font-size: 5px"><br></span>
         <span class="gensmall paginer_topic" style="margin-right: 10px">{PAGINATION}</span>
      </td>
   </tr>
</table>
<!-- END bottom --><!-- BEGIN footer_table -->
<!-- END footer_table --><!-- BEGIN spacer --><br class="gensmall" /><!-- END spacer --><!-- END row --><!-- END topics_list_box -->

viewforum_body:
Code:
<style>
span#membres_ici a{
   text-decoration: none;
   }
</style>

<table border="0" width="100%" cellspacing="0" cellpadding="0" style="font-size: 11px">
   <tr>
      <td width="85" valign="top">
         Vous êtes ici :
      </td>
      <td valign="bottom">
         <span class="nav"><a class="nav" href="{U_INDEX}">{L_INDEX}</a>{NAV_CAT_DESC}</span><br><span style="font-size: 7px"><br></span>
      </td>
      <td width="130" valign="top" style="text-align: left">
         <span class="gensmall bold" style="padding-left: 97px" id="plus">
            <script type="text/javascript">//<![CDATA[
               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}&amp;f={FORUM_ID}','{JS_SESSION_ID}', {JS_AUTH_FAVOURITES});
            //]]>
            </script>
         </span>
      </td>
   </tr>
</table>

{BOARD_INDEX}

<table border="0" width="100%" cellspacing="0" cellpadding="0" style="font-size: 11px">
   <tr>
      <td>
         <!-- BEGIN switch_user_authpost -->
         <a href="{U_POST_NEW_TOPIC}" rel="nofollow"><img src="{POST_IMG}" id="{POST_IMG_ID}" border="0" alt="Nouveau" title="Créer un nouveau sujet" style="padding-bottom: 3px" /></a>
         <!-- END switch_user_authpost -->
      </td>
      <td valign="bottom">
         <div align="right">
            <table border="0" cellspacing="0" cellpadding="0" style="font-size: 11px; text-align: left">
               <tr>
                  <td>
                     <span class="gensmall paginer_topic">{PAGINATION}</span><br>
                     <span style="font-size: 5px"><br></span>
                  </td>
               </tr>
            </table>
         </div>
      </td>
   </tr>
</table>

{TOPICS_LIST_BOX}

<div align="center"><table border="0" width="920" cellspacing="0" cellpadding="0" id="pseudos" class="gensmall">
   <tr>
      <td valign="top" width="70%">
         <span id="membres_ici">{LOGGED_IN_USER_LIST}</span>
         <span style="font-size: 5px"><br></span>
         {S_AUTH_LIST}
      </td>
      <td valign="top" width="30%" style="text-align: right">
         <br><a href="{U_MARK_READ}">{L_MARK_TOPICS_READ}</a><br>
         {S_WATCH_FORUM}
      </td>
   </tr>
</table></div>
<script type="text/javascript">
document.getElementById('plus').innerHTML=document.getElementById('plus').innerHTML.replace(/<br>/,"");
document.getElementById('membres_ici').innerHTML=document.getElementById('membres_ici').innerHTML.replace(/Utilisateurs parcourant actuellement ce forum:/,"Membres actuellement ici :");
</script>

<br>
<table border="0" width="100%" cellspacing="0" cellpadding="0" style="font-size: 11px">
   <tr>
      <td width="85" valign="top">
         Vous êtes ici :
      </td>
      <td valign="bottom">
         <span class="nav"><a class="nav" href="{U_INDEX}">{L_INDEX}</a>{NAV_CAT_DESC}</span><br><span style="font-size: 7px"><br></span>
      </td>
      <td width="130"></td>
   </tr>
</table>
<form action="{S_JUMPBOX_ACTION}" method="get" name="jumpbox" onsubmit="if(document.jumpbox.f.value == -1){return false;}">
<table border="0" width="100%" cellspacing="0" cellpadding="0" style="font-size: 11px">
      <tr>
         <td>
            <!-- BEGIN switch_user_authpost -->
            <a href="{U_POST_NEW_TOPIC}" rel="nofollow"><img src="{POST_IMG}" id="{POST_IMG_ID}" border="0" alt="Nouveau" title="Créer un nouveau sujet" style="padding-bottom: 3px" /></a>
            <!-- END switch_user_authpost -->
         </td>
         <td valign="middle" align="right" nowrap="nowrap" style="padding-top: 10px; padding-right: 3px">
            <span class="gensmall">Aller vers : {S_JUMPBOX_SELECT} <input class="liteoption" type="submit" value="{L_GO}" /></span>
         </td>
      </tr>
</table>
</form>

viewtopic_body:
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 border="0" width="100%" cellspacing="0" cellpadding="0" style="font-size: 11px">
   <tr>
      <td width="85" valign="top">
         Vous êtes ici :
      </td>
      <td valign="bottom">
         <span class="nav"><a class="nav" href="{U_INDEX}">{L_INDEX}</a>{NAV_SEP}{NAV_CAT_DESC_SECOND}</span><br><span style="font-size: 7px"><br></span>
      </td>
      <td width="130" valign="top" style="text-align: left">
         <span class="gensmall bold" style="padding-left: 35px">
            <a class="addthis_button" href="http://www.addthis.com/bookmark.php?v=250&amp;pub=forumotion">{L_SHARE}</a>
            <!-- BEGIN switch_plus_menu -->
             | 
            <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}&amp;t={TOPIC_ID}','{JS_SESSION_ID}', {JS_AUTH_FAVOURITES});
            //]]>
            </script>
            <!-- END switch_plus_menu -->
         </span>
      </td>
   </tr>
</table>
<table border="0" width="100%" cellspacing="0" cellpadding="0" style="font-size: 11px">
   <tr>
      <td>
         <!-- BEGIN switch_user_authpost -->
         <a href="{U_POST_NEW_TOPIC}" rel="nofollow"><img src="{POST_IMG}" id="{POST_IMG_ID}" border="0" alt="Nouveau" title="Créer un nouveau sujet" /></a>   
         <!-- END switch_user_authpost -->
         <!-- BEGIN switch_user_authreply -->
         <a href="{U_POST_REPLY_TOPIC}" rel="nofollow"><img src="{REPLY_IMG}" id="i_reply" border="0" alt="Répondre" title="Répondre au sujet" /></a>
         <!-- END switch_user_authreply -->
      </td>
      <td valign="bottom">
         <div align="right">
            <table border="0" cellspacing="0" cellpadding="0" style="font-size: 11px; text-align: left">
               <tr>
                  <td>
                     <script src="http://cartonvert.forumloire.com/15917.s" type="text/javascript"></script>
                     <span class="gensmall paginer_topic">{PAGINATION}</span><br>
                     <span style="font-size: 5px"><br></span>
                  </td>
               </tr>
            </table>
         </div>
      </td>
   </tr>
</table>

<table width="100%" border="0" cellspacing="0" cellpadding="0">
   <tr height="30">
      <th width="4" rowspan="100" style="background-image: url('http://i56.servimg.com/u/f56/17/66/41/57/fond_c15.png'); background-repeat: no-repeat; background-color: transparent"><div style="width: 3px"> </div></th>
      <th colspan="3" nowrap="nowrap" width="100%" class="secondarytitle">{TOPIC_TITLE}</th>
      <th width="6" rowspan="100" style="background-image: url('http://i56.servimg.com/u/f56/17/66/41/57/fond_c16.png'); background-repeat: no-repeat; background-color: transparent"><div style="width: 4px"> </div></th>
   </tr>
   {POLL_DISPLAY}
   <!-- BEGIN postrow -->
   <!-- BEGIN displayed -->
   <tr class="post">
      <td class="{postrow.displayed.ROW_CLASS}"{postrow.displayed.THANK_BGCOLOR} valign="top" style="border-bottom: 1px solid #D4D4D4; border-left: 1px solid #D4D4D4">
         <span id="{postrow.displayed.U_POST_ID}"></span>
         <table border="0" width="200" cellspacing="0" cellpadding="0" style="margin-left: -4px">
            <tr style="background: url('http://i56.servimg.com/u/f56/17/66/41/57/ombre_10.png') no-repeat left bottom">
               <td height="15"></td>
               <td width="15" rowspan="6"></td>
            </tr>
            <tr>
               <td width="185" height="25" style="border: 1px solid #D4D4D4; background-color: #EEEEEE">
                  <div align="center" class="name" style="font-variant: small-caps; font-size: 14px"><b>{postrow.displayed.POSTER_NAME}</b></div>
               </td>
            </tr>
            <tr>
               <td height="3">
                  
               </td>
            </tr>
            <tr>
               <td style="border: 1px solid #D4D4D4; background: #F3F3F3 url('http://i56.servimg.com/u/f56/17/66/41/57/angle_10.png') no-repeat right bottom">
<style>
.avatar_message{
   overflow: hidden;
   position: relative;
   width: 100%;
   height: 130px;
   font-size: 11px;
   }
.avatar_message img{
   max-width: 150px;
   max-height: 110px;
   -moz-transition: all 1s ease-in-out;
   -webkit-transition: all 1s ease-in-out;
   transition: all 1s ease-in-out;
   -o-transition: all 1s ease-in-out;
   -ms-transition: all 1s ease-in-out;
   }
.avatar_message:hover img{
   -moz-transform: translate(-170px, 0px);
   -webkit-transform: translate(-170px, 0px);
   -o-transform: translate(-170px, 0px);
   -ms-transform: translate(-170px, 0px);
   transform: translate(-170px, 0px);
   }
.avatar_message p{
   position: absolute;
   top: 0px;
   left: 0px;
   width: 170px;
   height: 130px;
   margin-left: -160px;
   margin-top: 0px;
   font-size: 11px;
   -moz-transition: all 1s ease-in-out;
   -webkit-transition: all 1s ease-in-out;
   transition: all 1s ease-in-out;
   -o-transition: all 1s ease-in-out;
   -ms-transition: all 1s ease-in-out;
   }
.avatar_message:hover p{
   padding-top: 12px;
   padding-left: 15px;
   margin: 0px;
   -moz-transform: translate(0px, 0px);
   -webkit-transform: translate(0px, 0px);
   -o-transform: translate(0px, 0px);
   -ms-transform: translate(0px, 0px);
   transform: translate(0px, 0px);
   }
.avatar_message:hover p img{
   padding-top: 3px;
   margin: 0px;
   -moz-transform: translate(0px, 0px);
   -webkit-transform: translate(0px, 0px);
   -o-transform: translate(0px, 0px);
   -ms-transform: translate(0px, 0px);
   transform: translate(0px, 0px);
   }

a.diese{
   color: #C9C9C9;
   text-decoration: none;
   }
a.diese:hover{
   color: #A6A6A6;
   text-decoration: none !important;
   }

.postbody{
   min-height: 180px;
   }
</style>
                  <div class="avatar_message">
                     <div align="center">
                        <span style="font-size: 7px"><br></span>
                        {postrow.displayed.POSTER_AVATAR}
                     </div>
                     <p>
                        <!-- BEGIN profile_field -->
                        {postrow.displayed.profile_field.LABEL} <span style="font-family: Courier New, monospace; font-size: 12px; color: #8D8D8D">{postrow.displayed.profile_field.CONTENT}</span>{postrow.displayed.profile_field.SEPARATOR}
                        <!-- END profile_field -->
                     </p>
                  </div>
               </td>
            </tr>
            <tr style="background: url('http://i56.servimg.com/u/f56/17/66/41/57/ombre_11.png') no-repeat left top">
               <td><div align="center" style="padding-top: 7px">{postrow.displayed.RANK_IMAGE}</div></td>
            </tr>
            <tr>
               <td>
                  <br><div align="center">
                     {postrow.displayed.PROFILE_IMG} {postrow.displayed.PM_IMG} <span id="champ_email">{postrow.displayed.EMAIL_IMG}</span><!-- BEGIN contact_field --> {postrow.displayed.contact_field.CONTENT}<!-- END contact_field -->
                     <script type="text/javascript">
                     document.getElementById('champ_email').innerHTML=document.getElementById('champ_email').innerHTML.replace(/title="Envoyer l'e-mail"/,'title="Envoyer un e-mail"');
                     </script>
                  </div><br>
               </td>
            </tr>
         </table>
         
      </td>
      <td class="{postrow.displayed.ROW_CLASS}"{postrow.displayed.THANK_BGCOLOR} valign="top" width="100%" height="28" colspan="2" style="border-bottom: 1px solid #D4D4D4; border-right: 1px solid #D4D4D4">
         <table width="100%" border="0" cellspacing="0" cellpadding="0" style="border-top: 1px solid #D4D4D4; border-left: 1px solid #D4D4D4; border-bottom: 1px solid #D4D4D4; border-right: 1px solid #F3F3F3; background-color: #F3F3F3; margin-top: 15px; padding: 5px 10px 5px 10px">
            <tr valign="middle">
               <td width="40" style="background-image: url('http://i56.servimg.com/u/f56/17/66/41/57/icane_11.png'); background-repeat : no-repeat; background-position : left center; background-color: transparent" valign="middle">{postrow.displayed.ONLINE_IMG}</td>
               <td style="align: center"><span class="postdetails"><img src="{postrow.displayed.MINI_TIME_IMG}" border="0" />{postrow.displayed.POST_DATE}</span></td>
               <td class="post-options" nowrap="nowrap" valign="top" height="20" style="padding-bottom: 2px">
                  <a href="#{postrow.displayed.U_POST_ID}" class="diese" title="Descendre sur ce message" style="padding-left: 10px; padding-right: 10px; font-size: 15px; font-weight: bold">#</a> {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>
         </table>
         <table width="100%" height="100%" border="0" cellspacing="0" cellpadding="0" style="border-top: 1px solid #FFFFFF; border-left: 1px solid #D4D4D4; border-right: 1px solid #F3F3F3; background-color: #F3F3F3; padding: 15px 15px 0px 15px">
            <tr>
               <td colspan="3">
                  <!-- BEGIN switch_vote_active -->
                  <div class="vote gensmall">
                     <!-- BEGIN switch_vote -->
                     <div class="vote-button"><a href="{postrow.displayed.switch_vote_active.switch_vote.U_VOTE_PLUS}">+</a></div>
                     <!-- END switch_vote -->

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

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

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

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

                  <div class="postbody">

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

                                 <!-- BEGIN switch_dl_att -->
                                 <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}
                                 <!-- END switch_dl_att -->

                                 <!-- BEGIN switch_no_dl_att -->
                                 {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}
                                 <!-- END switch_no_dl_att -->
                              </dt>

                              <!-- BEGIN switch_no_comment -->
                              <dd>
                                 <em>{postrow.displayed.switch_attachments.switch_post_attachments.switch_no_comment.ATTACHMENT_COMMENT}</em>
                              </dd>
                              <!-- END switch_no_comment -->

                              <!-- BEGIN switch_no_dl_att -->
                              <dd>
                                 <em><strong>{postrow.displayed.switch_attachments.switch_post_attachments.switch_no_dl_att.TEXT_NO_DL}</strong></em>
                              </dd>
                              <!-- END switch_no_dl_att -->

                              <dd>({postrow.displayed.switch_attachments.switch_post_attachments.FILE_SIZE}) {postrow.displayed.switch_attachments.switch_post_attachments.NB_DL}</dd>
                           </dl>
                           <!-- END switch_post_attachments -->
                        </dd>
                     </dl>
                     <!-- END switch_attachments -->
                  </div>
               </td>
            </tr>
         </table>
         <table width="100%" border="0" cellspacing="0" cellpadding="0" style="border-left: 1px solid #D4D4D4; border-bottom: 1px solid #D4D4D4; border-right: 1px solid #EEEEEE; background: #EEEEEE url('http://i56.servimg.com/u/f56/17/66/41/57/fond_m10.png') repeat-x left top; margin-bottom: 15px; padding: 0px 15px 15px 15px; font-size: 12px">
            <tr>
               <td>
                  {postrow.displayed.SIGNATURE}
               </td>
            </tr>
         </table>
      </td>
   </tr>
   <!-- BEGIN first_post_br -->
</table>
<br />
<table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0">
   <tr>
      <th class="thLeft" nowrap="nowrap" width="150" height="26">{L_AUTHOR}</th>
      <th class="thRight" nowrap="nowrap" colspan="2">{L_MESSAGE}</th>
   </tr>
   <!-- END first_post_br -->
   <!-- END displayed -->
   <!-- BEGIN hidden -->
   <tr>
      <td class="postdetails {postrow.hidden.ROW_CLASS}" colspan="2" align="center">{postrow.hidden.MESSAGE}</td>
   </tr>
   <!-- END hidden -->
   <!-- END postrow -->
   <!-- BEGIN no_post -->
   <tr align="center">
      <td class="row1" colspan="3" height="28">
         <span class="genmed">{no_post.L_NO_POST}</span>
      </td>
   </tr>
   <!-- END no_post -->
</table>
<table border="0" cellpadding="0" cellspacing="0" width="100%">
   <tr>
      <td width="310" valign="bottom" style="background-image: url('http://i56.servimg.com/u/f56/17/66/41/57/fond_c12.png'); background-repeat: no-repeat">
         <span class="gensmall" style="margin-left: 10px">{S_WATCH_TOPIC}</span>
      </td>
      <td style="background-image: url('http://i56.servimg.com/u/f56/17/66/41/57/fond_c13.png'); background-repeat: repeat-x"><br></td>
      <td width="310" style="background-image: url('http://i56.servimg.com/u/f56/17/66/41/57/fond_c14.png'); background-repeat: no-repeat">
         <span style="font-size: 5px"><br></span>
         <span class="gensmall paginer_topic" style="margin-right: 10px">{PAGINATION}</span>
      </td>
   </tr>
</table>

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

<!-- BEGIN switch_forum_rules -->
<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>
                  <!-- BEGIN switch_forum_rule_image -->
                  <td class="logo">
                     <img src="{RULE_IMG_URL}" />
                  </td>
                  <!-- END switch_forum_rule_image -->
                  <td class="rules postbody">
                     {RULE_MSG}
                  </td>
               </tr>
            </table>
         </td>
      </tr>
   </tbody>
</table>
<!-- END switch_forum_rules -->

<br><br>
<table width="100%" height="30" cellspacing="0" cellpadding="0" border="0" align="center">
   <tr>
      <th width="150" style="background-image: none; background-color: #ADDCAE">
      </th>
      <th style="background-image: none; background-color: #ADDCAE">
         <h1 class="pagetitle">Répondre au sujet</h1>
      </th>
      <th width="150" valign="bottom" style="background-image: none; background-color: #ADDCAE">
         <div align="right">{S_TOPIC_ADMIN}</div>
      </th>
   </tr>
</table>
<table width="100%" border="0" cellspacing="0" cellpadding="0" style="border: 1px solid #ADDCAE">
   <tr>
      <td class="row2" align="center" style="padding: 0px">
         <br>{QUICK_REPLY_FORM}
      </td>
   </tr>
   <tr>
      <td class="row1" valign="top" style="padding-left: 20px; padding-bottom: 20px; font-size: 11px">
         <span class="gensmall">{S_AUTH_LIST}</span>
         <!-- BEGIN switch_user_logged_out -->
         <span style="font-size: 5px"><br></span>
         Pour répondre aux sujets, vous devez <a href="http://cartonvert.forumloire.com/register">vous inscrire</a>
         <br><span style="font-size: 7px"><br></span>
         <!-- END switch_user_logged_out -->
      </td>
   </tr>
</table>

<br>
<table border="0" width="100%" cellspacing="0" cellpadding="0" style="font-size: 11px">
   <tr>
      <td width="85" valign="top">
         Vous êtes ici :
      </td>
      <td valign="bottom">
         <span class="nav"><a class="nav" href="{U_INDEX}">{L_INDEX}</a>{NAV_SEP}{NAV_CAT_DESC_SECOND}</span>
         <br><span style="font-size: 7px"><br></span>
      </td>
      <td width="130"></td>
   </tr>
</table>
<form action="{S_JUMPBOX_ACTION}" method="get" name="jumpbox" onsubmit="if(document.jumpbox.f.value == -1){return false;}">
   <table border="0" width="100%" cellspacing="0" cellpadding="0" style="font-size: 11px">
      <tr>
         <td>
            <!-- BEGIN switch_user_authpost -->
            <a href="{U_POST_NEW_TOPIC}" rel="nofollow"><img src="{POST_IMG}" id="{POST_IMG_ID}" border="0" alt="Nouveau" title="Créer un nouveau sujet" /></a>   
            <!-- END switch_user_authpost -->
            <!-- BEGIN switch_user_authreply -->
            <a href="{U_POST_REPLY_TOPIC}" rel="nofollow"><img src="{REPLY_IMG}" id="i_reply" border="0" alt="Répondre" title="Répondre au sujet" /></a>
            <!-- END switch_user_authreply -->
         </td>
         <td valign="middle" align="right" style="padding-top: 10px; padding-right: 3px">
            <!-- BEGIN viewtopic_bottom -->
            <span class="gensmall">Aller vers : {S_JUMPBOX_SELECT} <input class="liteoption" type="submit" value="{L_GO}" /></span>
            <!-- END viewtopic_bottom -->
         </td>
      </tr>
      <tr>
         <!-- BEGIN moderation_panel -->
         <td align="center">
            <span class="gensmall">{moderation_panel.U_YOUR_PERSONAL_MODERATE}</span>
         </td>
         <!-- END moderation_panel -->
      </tr>
   </table>
</form>


<!-- BEGIN switch_image_resize -->
<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>
<!-- END switch_image_resize -->
<script src="{JS_DIR}addthis/addthis_widget.js" type="text/javascript"></script>

Le CSS et JS qui va avec :

CSS:
Code:
.paginer, .paginer_topic{
    display: block;
   float: right;
   width: auto;
   background: url(http://illiweb.com/fa/prosilver/icon_pages.gif) no-repeat 0 50%;
   padding-left: 15px;
   font-size: 0px;
   }
.paginer img, .paginer_topic img{
   display:none;
   }
.paginer a, .paginer_topic a, .paginer_topic b{
   display: inline-block;
   border: 1px solid #D4D4D4;
   background-color: #FFFFFF;
   color: #8D8D8D;
   font-size: 9px;
   margin: 0 2px;
   padding: 0px 2px 1px 2px;
   text-decoration: none;
   }
.paginer a:hover, .paginer_topic a:hover, .paginer_topic b:hover{
   display: inline-block;
   border: 1px solid #D4D4D4;
   background-color: #ADE9AE;
   color: #808080;
   font-size: 9px;
   margin: 0 2px;
   padding: 0px 2px 1px 2px;
   text-decoration: none !important;
   }
.paginer_topic b{
   border: 1px solid #C0C0C0;
   background-color: #DFDFDF;
   color: #808080;
   cursor: default;
   }
.paginer_topic a[onmousedown^='createPagination']{
   display: none;
   }

Javascript (sur toutes les pages):
Code:
$(document).ready(function(){
$('.paginer img,.paginer_topic img').closest('a').css('display','none');
});

alv
# Tropactif #

Messages : 1080
Inscrit(e) le : 09/07/2012

http://urlz.fr/2OYC
alv a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Personnaliser la pagination

Message par medamine14 le Mar 18 Mar 2014 - 20:52

ah ok donc le tout est inclu dans le :
Code:
{PAGINATION}

du coup ils ne sont pas modifiable dans le Template ^^"
essaye la solution .ready si ça recharge pas vite alors essaye de mettre le script dans le template entre les balises :

Code:
<script>ICI</script>

Smile

medamine14
****

Masculin
Messages : 478
Inscrit(e) le : 14/11/2013

http://one-piece.easyforum.fr
medamine14 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Personnaliser la pagination

Message par alv le Mer 19 Mar 2014 - 8:39

J'ai mis ceci dans le template viewtopic_body :
Code:
<span class="gensmall paginer_topic">{PAGINATION}</span>
<script type="text/javascript">
$(document).ready(function(){
$('.paginer img,.paginer_topic img').closest('a').css('display','none');
});
</script>
et ça fonctionne que quand la page est presque entièrement chargée.


EDIT: J'ai testé ceci :
Code:
<span class="gensmall paginer_topic">{PAGINATION}</span>
<script type="text/javascript">
$('.paginer img,.paginer_topic img').closest('a').css('display','none');
</script>
et ça fonctionne immédiatement.
Est-ce que ce code est "propre" ?

alv
# Tropactif #

Messages : 1080
Inscrit(e) le : 09/07/2012

http://urlz.fr/2OYC
alv a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Personnaliser la pagination

Message par alv le Jeu 20 Mar 2014 - 12:06

Up

alv
# Tropactif #

Messages : 1080
Inscrit(e) le : 09/07/2012

http://urlz.fr/2OYC
alv a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Personnaliser la pagination

Message par alv le Ven 21 Mar 2014 - 16:00

Up Very Happy

alv
# Tropactif #

Messages : 1080
Inscrit(e) le : 09/07/2012

http://urlz.fr/2OYC
alv a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Personnaliser la pagination

Message par alv le Sam 22 Mar 2014 - 13:47

Up svp

alv
# Tropactif #

Messages : 1080
Inscrit(e) le : 09/07/2012

http://urlz.fr/2OYC
alv a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Personnaliser la pagination

Message par alv le Dim 23 Mar 2014 - 11:27

Up aidez moi 

alv
# Tropactif #

Messages : 1080
Inscrit(e) le : 09/07/2012

http://urlz.fr/2OYC
alv a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Personnaliser la pagination

Message par alv le Lun 24 Mar 2014 - 8:31

@alv a écrit:J'ai testé ceci :
Code:
<span class="gensmall paginer_topic">{PAGINATION}</span>
<script type="text/javascript">
$('.paginer img,.paginer_topic img').closest('a').css('display','none');
</script>
et ça fonctionne immédiatement.
Est-ce que ce code est "propre" ?

alv
# Tropactif #

Messages : 1080
Inscrit(e) le : 09/07/2012

http://urlz.fr/2OYC
alv a été remercié(e) par l'auteur de ce sujet.

Page 3 sur 4 Précédent  1, 2, 3, 4  Suivant

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