inverser les catégories et la colonne message

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

Résolu inverser les catégories et la colonne message

Message par Alec Turner le Dim 8 Mai 2011 - 12:56

Bonjour bonjour c'est encore moi ^-^ bien que je vienne poser moins de questions qu'avant ouaiiis j'évolue. Voila, j'ai fait une rechercher sur fofoactif via colonne ou inverser ou encore changer mais je n'ai rien trouver qui corresponde à ma question. J'ai inverser mon profil à droite, et donc j'aurais aimé inverser également mon forum a savoir avoir la description de catégorie à gauche et les images nouveau, pas de nouveau, verrouillé à droite. Je pense que c'est possible vu que je l'ai déjà vu deux fois, mais je ne me sens pas de taille à modifier mes templates en aveugle, je suis encore trop mauvaise à ce niveau là.

Pourriez-vous éventuellement m'aider ou me donner le lien d'un tutoriel efficace? J'avoue avoir cherché en vain >_>


D'avance merci à celui ou celle qui tentera de m'aider Very Happy


Dernière édition par Alec Turner le Dim 8 Mai 2011 - 14:06, édité 1 fois

Alec Turner
****

Féminin
Messages : 390
Inscrit(e) le : 17/03/2008

http://solemnyswear.keuf.net/
Alec Turner a été remercié(e) par l'auteur de ce sujet.

Résolu Re: inverser les catégories et la colonne message

Message par Anzu le Dim 8 Mai 2011 - 13:43

Bonjour,

Il me faudrait le code de votre template index box et votre css.

Edit: Par contre, pourriez vous faire un schéma car le titre de votre sujet est différent de ce que vous décrivez dans votre message ..

Cordialement.

Anzu
+ Hyperactif +

Féminin
Messages : 20685
Inscrit(e) le : 30/08/2007

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

Résolu Re: inverser les catégories et la colonne message

Message par Alec Turner le Dim 8 Mai 2011 - 13:50

et bien c'est très simple en fait:

tu vois la colonne ou j'ai des espèces de fioles et bien je voudrais qu'elle soit à droite, et la colonne avec la description des catégories à gauche

voici mon index box

Spoiler:
Code:
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>

<table width="100%" border="0" cellspacing="1" cellpadding="0" align="center">
<tr>
<td valign="bottom">
<!-- BEGIN switch_user_logged_in -->
<span class="gensmall">{LAST_VISIT_DATE}<br />
{CURRENT_TIME}<br />
</span>
<!-- END switch_user_logged_in -->
<div class="nav"><a class="nav" href="{U_INDEX}">{L_INDEX}</a>{NAV_CAT_DESC}</div>
</td>
<td class="gensmall" align="right" valign="bottom">
<!-- BEGIN switch_user_logged_in -->
<a class="gensmall" href="{U_SEARCH_NEW}">{L_SEARCH_NEW}</a><br />
<a class="gensmall" href="{U_SEARCH_SELF}">{L_SEARCH_SELF}</a><br />
<!-- END switch_user_logged_in -->
<a class="gensmall" href="{U_SEARCH_UNANSWERED}">{L_SEARCH_UNANSWERED}</a>
</td>
</tr>
</table>


<!-- DEBUT MODIF ONGLETS -->

<script type="text/javascript">
<!--

document.write('<div align=&quot;center&quot; style=&quot;display:none;&quot; id=&quot;conteneur_barre_onglet&quot;>
<ul class=&quot;conteneur_onglets&quot;>

<li onClick=&quot;change_cat(1)&quot; class=&quot;onglet actif&quot; id=&quot;onglet_1&quot;> Lashlabask  ✿  </li>
<li onClick=&quot;change_cat(2)&quot; class=&quot;onglet &quot; id=&quot;onglet_2&quot;>  Hogwarts  ✿  </li>
<li onClick=&quot;change_cat(3)&quot; class=&quot;onglet &quot; id=&quot;onglet_3&quot;> Vers fort fort lointain  ✿  </li>
<li onClick=&quot;change_cat(4)&quot; class=&quot;onglet &quot; id=&quot;onglet_4&quot;>  Soo-Min  ✿  </li>
<li onClick=&quot;change_cat(5)&quot; class=&quot;onglet &quot; id=&quot;onglet_5&quot;> Maid Club  ✿  </li>
<li onClick=&quot;change_cat(6)&quot; class=&quot;onglet &quot; id=&quot;onglet_6&quot;>  Cybers shunin  ✿  </li>

</ul></div>');

var compteur_cat = 1;

function change_cat(numero)
{
  if(document.getElementById('categorie_'+numero))
  {
      /* affichage de la bonne categorie */
      $('table[id^=categorie_]').css('display','none');
      $('table[id=categorie_'+numero+']').fadeIn();
     
      /* affichage du bon onglet */
      $('.actif').removeClass(&quot;actif&quot;);
      $('.onglet[id=onglet_'+numero+']').addClass(&quot;actif&quot;);
  }
}

function capture_cat()
{
  if(compteur_cat == 1)
  {
      document.write('<table class=&quot;forumline&quot; id=&quot;categorie_' + compteur_cat + '&quot; >');
  }
  else
  {
      $('#conteneur_barre_onglet').css(&quot;display&quot;,&quot;block&quot;);
      document.write('</table><table class=&quot;forumline&quot; id=&quot;categorie_' + compteur_cat + '&quot; style=&quot;display:none;&quot;>');
  }
 
  compteur_cat++;
}

//-->
</script>

<!-- BEGIN catrow --><!-- BEGIN tablehead -->

<script type="text/javascript">
<!--
  capture_cat();
//-->
</script>

<!-- FIN MODIF ONGLETS -->


<tr>
<th colspan="{catrow.tablehead.INC_SPAN}" nowrap="nowrap" width="100%" class="secondarytitle"> {catrow.tablehead.L_FORUM} </th>

</tr>
<!-- END tablehead -->
<!-- BEGIN cathead -->
<tr>
<!-- BEGIN inc -->
<td class="{catrow.cathead.inc.INC_CLASS}" width="46"><img src="{SPACER}" height="0" width="46" /></td>
<!-- END inc -->
<td class="{catrow.cathead.CLASS_CAT}" colspan="{catrow.cathead.INC_SPAN}" width="100%">
<h{catrow.cathead.LEVEL} class="hierarchy">
<span class="cattitle">
<a class="cattitle" title="{catrow.cathead.CAT_DESC}" href="{catrow.cathead.U_VIEWCAT}">{catrow.cathead.CAT_TITLE}</a>
</span>
</h{catrow.cathead.LEVEL}>
</td>
<td class="{catrow.cathead.CLASS_ROWPIC}" colspan="3" align="right"> </td>
</tr>
<!-- END cathead -->
<!-- BEGIN forumrow -->
<tr>
<!-- BEGIN inc -->
<td class="{catrow.forumrow.inc.INC_CLASS}" width="46"><img src="{SPACER}" height="0" width="46" alt="." /></td>
<!-- END inc -->
<td class="{catrow.forumrow.INC_CLASS}" align="center" valign="middle">
<img title="{catrow.forumrow.L_FORUM_FOLDER_ALT}" src="{catrow.forumrow.FORUM_FOLDER_IMG}" alt="{catrow.forumrow.L_FORUM_FOLDER_ALT}" />
</td>
<td class="row1 over" colspan="{catrow.forumrow.INC_SPAN}" valign="top" width="100%" height="50">
        <table width="100%">
      <tbody>
      <tr>
      <td><h{catrow.forumrow.LEVEL} class="hierarchy">
            <span class="forumlink">
              <a class="forumlink" href="{catrow.forumrow.U_VIEWFORUM}">{catrow.forumrow.FORUM_NAME}</a>

            </span>
        </h{catrow.forumrow.LEVEL}></td><td style="padding-left: 40px; text-align: right;" class="gensmall">Il y à {catrow.forumrow.POSTS} hiboux dans {catrow.forumrow.TOPICS} cartables.</td>
      </tr></tbody></table>
<div class="descbox">   
<p div class="descc"><span class="genmed">{catrow.forumrow.FORUM_DESC}</span>
        <span class="gensmall">
            <!-- BEGIN switch_moderators_links -->
            {catrow.forumrow.switch_moderators_links.L_MODERATOR}{catrow.forumrow.switch_moderators_links.MODERATORS}
            <!-- END switch_moderators_links -->
</span></p><table>
<tr>
<td width="450" height="25">
<div style="padding-left: 30px; padding-right: 30px;">
<div class=".sousfofo ">{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}</div></div></td></tr></table></div>
       
     
      </td>
<!-- BEGIN forum_link_no -->

<!-- END forum_link_no -->
<!-- BEGIN forum_link -->
<td class="row3" colspan="3" align="center" valign="middle" height="50"><span class="gensmall">{catrow.forumrow.forum_link.HIT_COUNT}</span></td>
<!-- END forum_link -->
</tr>
<!-- END forumrow -->
<!-- BEGIN catfoot -->
<tr>
<!-- BEGIN inc -->
<td class="{catrow.catfoot.inc.INC_CLASS}" width="46"><img src="{SPACER}" height="0" width="46" /></td>
<!-- END inc -->
<td class="spaceRow" colspan="{catrow.catfoot.INC_SPAN}" height="1"><img src="{SPACER}" alt="" height="1" width="1" /></td>
</tr>
<!-- END catfoot -->
<!-- BEGIN tablefoot -->
<img src="{SPACER}" alt="" height="5" width="1" /><!-- END tablefoot --><!-- END catrow -->



et ma css

Spoiler:
Code:
body{

background-attachment: fixed;
padding-bottom: 6px;
text-align:justify;
}


.row3Right
{
border: none !important;
}
.thHead
{
border: none !important;
}
.thCornerL, .thCornerR, .thTop
{
border: none !important;
}
.thLeft, .thRight
{
border-left: none !important;
border-right: none !important;
}
.catLeft, .catRight
{
border: none! important;
}
.catHead
{
border: none !important;
}
.catBottom
{
border: none !important;
}










/* MENU NAVIGATION */

.navtop {

top : 0px;
position : fixed ;
width : 110% ;
background-color :#FAC1BA;
border-bottom : 2px DOTTED #FF96A2;
border-left : 2px DOTTED #FF96A2;
text-shadow: #ff24bd 2px 2px 4px;
-moz-border-radius: 20px 10px 10px 10px

}


/* BORDURES*/

/*bordure autour du forum*/
.bodyline {
border-right: 5px solid #FF96A2; /*droite*/
border-left: 5px solid #FF96A2; /*gauche*/
border-TOP: 5px solid #FF96A2; /*gauche*/
border-BOTTOM: 5px solid #FF96A2; /*gauche*/
-moz-border-radius:20px ;
-webkit-border-radius: 20px ;
border-radius: 20px ;
}




.bodylinewidth {
border-top: 4px solid;
border-bottom:4px solid;
border-left: 4px solid;
border-right: 4px solid;
border-color: #FCB379;
-moz-border-radius: 25px 25px 25px 25px
}


.forumline
{
max-width: 800px;
align:center;
background-color: #ffffff;
-moz-border-radius: 25px ;
border: 3px #FFBB86 solid;
background-color: #00000A;
 background-image: -moz-linear-gradient(top, #FE748D, #FFFDEA); /* FF3.6 */
background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #FE748D),color-stop(1, #FFFDEA)); /* Saf4+, Chrome */
 filter:  progid:DXImageTransform.Microsoft.gradient(startColorStr='#FE748D, EndColorStr='#FFFDEA); /* IE6,IE7 */
 -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#FE748D', EndColorStr='#FFFDEA)"; /* IE8 */}




/* ------------------LIENS et UTILISATEURS  ------------------  */


a:link {text-transform: lowercase; letter-spacing: 2px;}
a:visited {text-transform: lowercase; letter-spacing: 2px;}
a:hover {text-transform: lowercase; letter-spacing: 2px;
 text-shadow: white 4px 0px 0px 4px;}
a:active {text-transform: lowercase; letter-spacing: 2px;}




/* ------------------TEXTE EN BLOC ------------------  */


.postbody { display: block; padding-left: 30px; padding-RIGHT: 30px; }




/* ------------------CATEGORIE EN MAJUSCULES ------------------  */

h3.hierarchy .forumlink, h2.hierarchy .forumlink{
font-variant: small-caps;
font-size: 15px;
}



/* ------------------LIENS SOUS FORUM ITALIQUE ------------------  */

.row1.over span.gensmall {font-style: italic !important;}



/* ------------------PSEUDO EN MINUSCULE / RETRAIT SOULIGNEMENT------------------  */


a {text-transform: lowercase ;}
a:hover {text-decoration: none !important;}


/* ------------------TEXTE EN BLOC ------------------  */


.postbody { display: block; padding-left: 30px; padding-RIGHT: 30px; }




/* ------------------RETRAIT SOULIGNEMENT CONTOUR FORuM------------------  */
a {
outline: none;
}





/* ------------------SUPPRIMER LES SOULIGNEMENTS------------------  */

a {text-decoration: none;}




/* ------------------MARGES-----------------  */
/*supprimer la marge du bas et du haut*/
body{margin-top: 0px;}

body{margin-bottom: 0px;}



/* ------------------arrondis zone de texte--------------  */


input,textarea, select {border-radius: 10px 10px; -moz-border-radius: 10px;}





/* ----------------suppression derniere modif par-------------------------- */
tr.post span.gensmall { display: none; }


/* ---------------- arrondir bordures intérieures------------------------- */


textarea, .textarea.post, input.post {
-moz-border-radius:10px;
-webkit-border-radius: 10px;
}




/* ---------------- liens des titres------------------------ */





a.forumlink {
display:block;
text-align: center;
border-bottom: 1px  dotted #FBE3A7;
font-size: 30px
display: block;
background-color: #none;
-moz-border-radius: 10px 10px 0px 0px;
width: 100%;
-moz-text-shadow: 4px 3px 3px 4px #eb6767;
-webkit-text-shadow:4px 3px 3px 4px #eb6767;
text-shadow:  4px 3px 3px 4px #eb6767;

}
a.forumlink:hover /* pour les liens des titres : halo doré */
{
  text-shadow: #ff24bd 4px  2px 2px 4px;
}





/* ---------------- fond avatar ------------------------ */



.profilentour {
-moz-border-radius: 30px 30px 30px 30px
text-align:justify;
padding:9px;
background-color : #FABFCF ;
border-TOP : 1px dashed #D62F80 ;
border-BOTTOM : 1px Dotted#D62F80;
border-LEFT : 1px dashed #D62F80 ;
border-RIGHT : 1px dashed #D62F80;

font-size :15px;
}



/* ----------------DESCRIPTION CATEGORIES ------------------------ */

.descbox { /* c'est la partie qui concerne la description*/

padding: -3px;
 background:#F9E1E7; /* couleur du fond */
color: #734159; /* couleur du texte */
-moz-border-radius:25px;  /* bordures arrondies */
  -webkit-border-radius:25px;
  border-radius:15px;
 -moz-box-shadow:0 1px 10px #8B626D;
 -webkit-box-shadow:0 1px 10px #8B626D;

border-top: 1px dotted#8C3466;
border-bottom: 1px dotted #8C3466;
border-left: 7px solid #8C3466;
border-right: 7px solid #8C3466;
margin: 2px;
padding:5px; /* marges intérieures */

}

/* la partie description d'un titre */



a.forumlink,  a.forumlink:visited {
border-bottom: 2px dotted #E698BF;
display:block;
background : #none;
text-align: center;
font-size: 20px
display: block;
background-color: #none;
-moz-border-radius: 10px 10px 0px 0px;
width: 100%;
-moz-text-shadow: 4px 3px 3px 4px #eb6767;
-webkit-text-shadow:4px 3px 3px 4px #eb6767;
text-shadow:  4px 3px 3px 4px #eb6767;
margin: 5px;
}


a.forumlink:hover, a.forumlink:hover:visited { /* le titre du forum quand on passe la souris dessus */
  text-shadow: #ff24bd 4px  2px 2px 4px;

}

/* La partie sous forum */
.sousfofo { /* sous forum dans l'état normal */
background-color: #de50a8;
font-weight: bold; /* le gras */
color: #000;
font-size: 12px;
text-align: center;
padding-left: 15px;
text-transform : uppercase; /* la majuscule */}

.sousforum a:hover { /* sous forum au passage de la souris */
width: 150px;
background-color: #d0d289;
color: #000;
font-weight: bold;
text-align: center;
font-size: 14px;
text-transform : uppercase; }

/********* Fin de la commande *********/








/* -----------------categorie en onglet ------------------  */
/* Catégories en onglets */

.text {
color:#e6d750; /*Couleur du texte de vos onglets*/
text-shadow: #ff24bd 2px 2px 4px;
cursor:pointer;
}

#cat_Préface,#cat_Lashlabask,#cat_Hogwarts,#cat_Vers fort fort lointain /*nomonglet... à remplacer par le nom des onglets*/ {
padding-top:10px;
}


.spoiler_content { display: block; }
.hidden .spoiler_content { display: none; }

.cat_forum {
background-color: #none;
border-bottom : 2px DOTTED #8C3466;
border-left : 2px DOTTED #FFA34F;
text-shadow: #ff24bd 2px 2px 4px;
-moz-border-radius: 20px 10px 10px 10px
margin: auto;
margin-bottom:30px;
width:700px;
}

.onglet {
display:inline-block;
margin-top:40px;
text-decoration:none;
cursor:pointer;
}

.onglet li {
float:left;
list-style-type:none;
margin-bottom:-22px;
text-decoration:none;
cursor:pointer;
}

.onglet li:hover {
text-decoration:none;
cursor:pointer;
}

.onglet li a {
display:block;
text-decoration:none;
list-style-type: none;
cursor:pointer;
}

.onglet li a: hover {
text-decoration:none;
list-style-type:none;
cursor:pointer;
}

.onglet_actif {
background: url('http://i24.servimg.com/u/f24/11/74/97/65/24nfn210.jpg') no-repeat;
border-bottom : 2px DOTTED #FFA34F;
border-left : 2px DOTTED #FFA34F;
text-shadow: #ff24bd 2px 2px 4px;
-moz-border-radius: 20px 20px 20px 20px ;
width: 112px;
height: 45px;
cursor:pointer;
}


.onglet_nactif {
background: url('http://i24.servimg.com/u/f24/11/74/97/65/24nfn210.jpg') no-repeat;
width: 115px;
height: 45px;
cursor:pointer;
}


/* Fin */






/* ------------------CLASSE TEXTE ------------------  */

.drago
 {
font-size: 20px;
text-transform : uppercase ;
font-family : courrier;
display:block;
background-color: #none;
border-bottom: 4px dotted #f7cd86;
text-align : center ;
position : relative ;
letter-spacing : 2px ;
text-shadow: #d96ca3 2px 2px 2px;
color:#f0489c;

}

.drago:hover{

color:#8C3466;

}

.orion {


font-size:15px;
text-transform : uppercase ;
font-family : courrier;
display:block;
background-color: #none;
border-bottom: 2px dashed #98ff4f;
text-align : center ;
position : relative ;
letter-spacing : 2px ;
text-shadow: #B05858 2px 2px 2px;
color:#FFE38F;
}

.circé{


font-size:12px;
font-family : courrier;
display:block;
background-color: #none;
text-align : justify ;
position : relative ;
letter-spacing : 2px ;
text-shadow: #E698BF 2px 2px 2px;
color:#D62F80;
}

.harry{
font-size: 20px;
text-transform : uppercase ;
font-family : courrier;
display:block;
background-color: #none;
border-bottom: 4px dotted #bd6ad4;
text-align : center ;
position : relative ;
letter-spacing : 2px ;
text-shadow: #d96ca3 2px 2px 2px;
color:#88fc68;


}

.harry:hover{

color:#85fff9;

}



.ron{

font-size:15px;
text-transform : uppercase ;
font-family : courrier;
display:block;
background-color: #none;
border-bottom: 1px dotted #58bbf0;
text-align : center ;
position : relative ;
letter-spacing : 2px ;
text-shadow: #B05858 2px 2px 2px;
color:#FFA34F;

}
.mione{

font-size:12px;
font-style: italic
font-family : courrier;
display:block;
background-color: #none;
border-bottom: 1px dashed #98ff4f;
text-align : justify ;
position : relative ;
letter-spacing : 2px ;
text-shadow: #ad879a 2px 2px 2px;
color:#E698BF;

}
/* ------------------code, citation,spoiler ------------------  */



.code {
background-image: url('http://i65.servimg.com/u/f65/12/05/27/30/la9qx10.png');
margin-left: 10px;
margin-top: 10px;
padding: 2px;
border-top : 1px  dotted #4af795;
border-bottom :1px  dotted #4af795;
border-left : 5px  solid #4af795;
border-right : 5px  solid #4af795 ;
-moz-border-radius : 5px 10px 5px 10px;
color:#76b08f;
}

.quote{
background-image: url('http://i24.servimg.com/u/f24/11/74/97/65/pat10.jpg');
margin-left: 10px;
margin-top: 10px;
padding: 2px;
border-top : 1px  dashed #D62F80;
border-bottom :1px  dashed #D62F80;
border-left : 2px dashed #D62F80;
border-right : 2px  dashed #D62F80 ;
-moz-border-radius : 5px 10px 5px 10px;
color:#bfa8b5;
}




/* ------------------class fiche personnage------------------  */



.sirius{

-moz-border-radius-bottomleft:25px;
-moz-border-radius-bottomright:45px;
-moz-border-radius-topleft:45px;
-moz-border-radius-topright:25px;
background-color:#e8d0dc;
background: url(none');
color:#8C3466;
font-size:11px;
margin-left:5
padding:3px 10px;
border-TOP : 2px solid #fcc48f ;
border-BOTTOM : 2px Dashed #fcc48f ;
border-LEFT : 4px solid #fcc48f ;
border-RIGHT : 4px solid #fcc48f;
display:block;
}








/* ------------------TAG MODERATION------------------  */

.corbeille {
    background-image: url('http://www.dzvet.net/forum/images/corb.png'); /*--- Image de la corbeille ---*/
    background-repeat: no-repeat; /*--- On ne fait apparaître l'image qu'une seule fois ---*/
    background-position: center left; /*--- On positionne notre corbeille au milieu à gauche ---*/
    background-color: #B09F91; /*--- Couleur de fond ---*/
    border: 1px solid #000000; /*--- Taille, type et couleur de la bordure ---*/
    color: #000000; /*--- Couleur du texte ---*/
    padding-left: 55px; /*--- On espace la bordure gauche du texte de 55px ---*/
    min-height: 60px; /*--- On donne une taille minimale de 60px au tableau ---*/
}





/* ------------------QEEL ------------------  */



.onglet
        {
                display:inline-block;
                margin-left:3px;
                margin-right:3px;
                padding:3px;
                border-bottom : 2px DOTTED #8C3466;
                border-left : 2px DOTTED #FFA34F;
                -moz-border-radius: 20px 10px 10px 10px
                cursor:pointer;
        }
        .onglet_0
        {
                background:#E698BF;
                border-bottom : 2px DOTTED #8C3466;
                border-left : 2px DOTTED #FFA34F;
        }
        .onglet_1
        {
                background:#dddddd;
                border-bottom : 2px DOTTED #8C3466;
                border-left : 2px DOTTED #FFA34F;
        }
        .contenu_onglet
        {
                background-color:#dddddd;
                border-bottom : 2px DOTTED #8C3466;
border-left : 2px DOTTED #FFA34F;
                margin-top:-1px;
                padding:5px;
                display:none;
        }
        ul
        {
                margin-top:0px;
                margin-bottom:0px;
                margin-left:-10px
        }
        h1
        {
                margin:0px;
                padding:0px;
        }














Alec Turner
****

Féminin
Messages : 390
Inscrit(e) le : 17/03/2008

http://solemnyswear.keuf.net/
Alec Turner a été remercié(e) par l'auteur de ce sujet.

Résolu Re: inverser les catégories et la colonne message

Message par Anzu le Dim 8 Mai 2011 - 14:01


Comme ceci: ?

Code:
    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>

    <table width="100%" border="0" cellspacing="1" cellpadding="0" align="center">
    <tr>
    <td valign="bottom">
    <!-- BEGIN switch_user_logged_in -->
    <span class="gensmall">{LAST_VISIT_DATE}<br />
    {CURRENT_TIME}<br />
    </span>
    <!-- END switch_user_logged_in -->
    <div class="nav"><a class="nav" href="{U_INDEX}">{L_INDEX}</a>{NAV_CAT_DESC}</div>
    </td>
    <td class="gensmall" align="right" valign="bottom">
    <!-- BEGIN switch_user_logged_in -->
    <a class="gensmall" href="{U_SEARCH_NEW}">{L_SEARCH_NEW}</a><br />
    <a class="gensmall" href="{U_SEARCH_SELF}">{L_SEARCH_SELF}</a><br />
    <!-- END switch_user_logged_in -->
    <a class="gensmall" href="{U_SEARCH_UNANSWERED}">{L_SEARCH_UNANSWERED}</a>
    </td>
    </tr>
    </table>


    <!-- DEBUT MODIF ONGLETS -->

    <script type="text/javascript">
    <!--

    document.write('<div align="center" style="display:none;" id="conteneur_barre_onglet">
    <ul class="conteneur_onglets">

    <li onClick="change_cat(1)" class="onglet actif" id="onglet_1"> Lashlabask  ✿  </li>
    <li onClick="change_cat(2)" class="onglet " id="onglet_2">  Hogwarts  ✿  </li>
    <li onClick="change_cat(3)" class="onglet " id="onglet_3"> Vers fort fort lointain  ✿  </li>
    <li onClick="change_cat(4)" class="onglet " id="onglet_4">  Soo-Min  ✿  </li>
    <li onClick="change_cat(5)" class="onglet " id="onglet_5"> Maid Club  ✿  </li>
    <li onClick="change_cat(6)" class="onglet " id="onglet_6">  Cybers shunin  ✿  </li>

    </ul></div>');

    var compteur_cat = 1;

    function change_cat(numero)
    {
      if(document.getElementById('categorie_'+numero))
      {
          /* affichage de la bonne categorie */
          $('table[id^=categorie_]').css('display','none');
          $('table[id=categorie_'+numero+']').fadeIn();
       
          /* affichage du bon onglet */
          $('.actif').removeClass("actif");
          $('.onglet[id=onglet_'+numero+']').addClass("actif");
      }
    }

    function capture_cat()
    {
      if(compteur_cat == 1)
      {
          document.write('<table class="forumline" id="categorie_' + compteur_cat + '" >');
      }
      else
      {
          $('#conteneur_barre_onglet').css("display","block");
          document.write('</table><table class="forumline" id="categorie_' + compteur_cat + '" style="display:none;">');
      }
   
      compteur_cat++;
    }

    //-->
    </script>

    <!-- BEGIN catrow --><!-- BEGIN tablehead -->

    <script type="text/javascript">
    <!--
      capture_cat();
    //-->
    </script>

    <!-- FIN MODIF ONGLETS -->


    <tr>
    <th colspan="{catrow.tablehead.INC_SPAN}" nowrap="nowrap" width="100%" class="secondarytitle"> {catrow.tablehead.L_FORUM} </th>

    </tr>
    <!-- END tablehead -->
    <!-- BEGIN cathead -->
    <tr>
    <!-- BEGIN inc -->
    <td class="{catrow.cathead.inc.INC_CLASS}" width="46"><img src="{SPACER}" height="0" width="46" /></td>
    <!-- END inc -->
    <td class="{catrow.cathead.CLASS_CAT}" colspan="{catrow.cathead.INC_SPAN}" width="100%">
    <h{catrow.cathead.LEVEL} class="hierarchy">
    <span class="cattitle">
    <a class="cattitle" title="{catrow.cathead.CAT_DESC}" href="{catrow.cathead.U_VIEWCAT}">{catrow.cathead.CAT_TITLE}</a>
    </span>
    </h{catrow.cathead.LEVEL}>
    </td>
    <td class="{catrow.cathead.CLASS_ROWPIC}" colspan="3" align="right"> </td>
    </tr>
    <!-- END cathead -->
    <!-- BEGIN forumrow -->
    <tr>
    <!-- BEGIN inc -->
    <td class="{catrow.forumrow.inc.INC_CLASS}" width="46"><img src="{SPACER}" height="0" width="46" alt="." /></td>
    <!-- END inc -->

    <td class="row1 over" colspan="{catrow.forumrow.INC_SPAN}" valign="top" width="100%" height="50">
            <table width="100%">
          <tbody>
          <tr>
          <td><h{catrow.forumrow.LEVEL} class="hierarchy">
                <span class="forumlink">
                  <a class="forumlink" href="{catrow.forumrow.U_VIEWFORUM}">{catrow.forumrow.FORUM_NAME}</a>

                </span>
            </h{catrow.forumrow.LEVEL}></td><td style="padding-left: 40px; text-align: right;" class="gensmall">Il y à {catrow.forumrow.POSTS} hiboux dans {catrow.forumrow.TOPICS} cartables.</td>
          </tr></tbody></table>
    <div class="descbox"> 
    <p div class="descc"><span class="genmed">{catrow.forumrow.FORUM_DESC}</span>
            <span class="gensmall">
                <!-- BEGIN switch_moderators_links -->
                {catrow.forumrow.switch_moderators_links.L_MODERATOR}{catrow.forumrow.switch_moderators_links.MODERATORS}
                <!-- END switch_moderators_links -->
    </span></p><table>
    <tr>
    <td width="450" height="25">
    <div style="padding-left: 30px; padding-right: 30px;">
    <div class=".sousfofo ">{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}</div></div></td></tr></table></div>
         
       
          </td>    <td class="{catrow.forumrow.INC_CLASS}" align="center" valign="middle">
    <img title="{catrow.forumrow.L_FORUM_FOLDER_ALT}" src="{catrow.forumrow.FORUM_FOLDER_IMG}" alt="{catrow.forumrow.L_FORUM_FOLDER_ALT}" />
    </td>
    <!-- BEGIN forum_link_no -->

    <!-- END forum_link_no -->
    <!-- BEGIN forum_link -->
    <td class="row3" colspan="3" align="center" valign="middle" height="50"><span class="gensmall">{catrow.forumrow.forum_link.HIT_COUNT}</span></td>
    <!-- END forum_link -->
    </tr>
    <!-- END forumrow -->
    <!-- BEGIN catfoot -->
    <tr>
    <!-- BEGIN inc -->
    <td class="{catrow.catfoot.inc.INC_CLASS}" width="46"><img src="{SPACER}" height="0" width="46" /></td>
    <!-- END inc -->
    <td class="spaceRow" colspan="{catrow.catfoot.INC_SPAN}" height="1"><img src="{SPACER}" alt="" height="1" width="1" /></td>
    </tr>
    <!-- END catfoot -->
    <!-- BEGIN tablefoot -->
    <img src="{SPACER}" alt="" height="5" width="1" /><!-- END tablefoot --><!-- END catrow -->

Donc j'ai déplacé ceci:

Code:
<td class="{catrow.forumrow.INC_CLASS}" align="center" valign="middle">
    <img title="{catrow.forumrow.L_FORUM_FOLDER_ALT}" src="{catrow.forumrow.FORUM_FOLDER_IMG}" alt="{catrow.forumrow.L_FORUM_FOLDER_ALT}" />
    </td>

et je l'ai mis juste après le table.


Anzu
+ Hyperactif +

Féminin
Messages : 20685
Inscrit(e) le : 30/08/2007

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

Résolu Re: inverser les catégories et la colonne message

Message par Alec Turner le Dim 8 Mai 2011 - 14:06

parfait merci beaucoup pour ton aide anzu et surtout ta rapidité je mets le sujet en résolu ^-^

Alec Turner
****

Féminin
Messages : 390
Inscrit(e) le : 17/03/2008

http://solemnyswear.keuf.net/
Alec Turner 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