inverser les catégories et la colonne message
2 participants
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Gérer l'apparence de son forum :: Archives des problèmes avec l'apparence du forum
Page 1 sur 1 • Partagez
inverser les catégories et la colonne message
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
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
Dernière édition par Alec Turner le Dim 08 Mai 2011, 14:06, édité 1 fois
Re: inverser les catégories et la colonne message
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.
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.
Re: inverser les catégories et la colonne message
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
et ma css
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="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="{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;
}
Re: inverser les catégories et la colonne message
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.
Re: inverser les catégories et la colonne message
parfait merci beaucoup pour ton aide anzu et surtout ta rapidité je mets le sujet en résolu ^-^
Sujets similaires
» inverser colonne dernier message
» Déplacer colonne derniers message dans colonne principale
» Inverser les catégories
» Inverser liste des sujets et catégories
» Mettre les catégories dans une colonne et rajouter une autre colonne à droite
» Déplacer colonne derniers message dans colonne principale
» Inverser les catégories
» Inverser liste des sujets et catégories
» Mettre les catégories dans une colonne et rajouter une autre colonne à droite
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Gérer l'apparence de son forum :: Archives des problèmes avec l'apparence du forum
Page 1 sur 1
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum