Sujets similaires

Sujet: categories a developer Mar 01 Oct 2013, 06:56

Bonjour/bonsoir a tous Smile

voila j'aimerais pouvoir refaire les categories avec certaines bases qui ont deja ete mis mais juste mieux reorganiser tout cela comme dans cette image:
categories a developer Mini_921787blabla

le forum en question:
http://walk-of-fame.forumactif.org

je veux juste garder les indispensables a voir (la bande blanche quand on passe dessus avec la souris il y a les sous forums) ainsi que le nombre d'oscars et nominations, l'image du haut existe mais j'aimerais l'image du bas aussi et que le forum soit arrondi afin que ce soit plus jolie et eviter des blocs.

mon index body

Code:: [hide] <table width="100%" border="0" cellspacing="1" cellpadding="0" align="center">
   <tr>
   <td valign="bottom">
   
   <span class="gensmall">{LAST_VISIT_DATE}<br />
   {CURRENT_TIME}<br />
   </span>
   
   <div class="nav"><a class="nav" href="{U_INDEX}">{L_INDEX}</a>{NAV_CAT_DESC}</div>
   </td>
   <td class="gensmall" align="right" valign="bottom">
   
   <a class="gensmall" href="{U_SEARCH_NEW}">{L_SEARCH_NEW}</a><br />
   <a class="gensmall" href="{U_SEARCH_SELF}">{L_SEARCH_SELF}</a><br />
   
   <a class="gensmall" href="{U_SEARCH_UNANSWERED}">{L_SEARCH_UNANSWERED}</a>
   </td>
   </tr>
   </table>
<table style="background: url('http://nsa33.casimages.com/img/2013/06/20//13062006120468955.png'); background-repeat: no-repeat; background-position: center; height:85px; width:855px;"><br>
   <tr>
   <td colspan="{catrow.tablehead.INC_SPAN}" nowrap="nowrap" width="100%" class="secondarytitle" align="center"> {catrow.tablehead.L_FORUM} </td>
   </tr>
   </table>

   <table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="1">


   
   
   <tr>
   
   <td class="{catrow.cathead.inc.INC_CLASS}" width="46"><img src="{SPACER}" height="0" width="46" /></td>
   
   <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>
   
   
   <tr>
   
   <td class="{catrow.forumrow.inc.INC_CLASS}" width="46"><img src="{SPACER}" height="0" width="46" alt="." /></td>
   
   <td class="{catrow.forumrow.INC_CLASS}" align="center" valign="middle">
   </td>
   <td class="row1 over" colspan="{catrow.forumrow.INC_SPAN}" valign="top" width="100%" height="50">
   <h{catrow.forumrow.LEVEL} class="hierarchy">
   <span class="forumlink"> <div class="messagesujet">{catrow.forumrow.POSTS} oscars → {catrow.forumrow.TOPICS} nominations</div>
   <table width="60%"><tr><td><a class="forumlink" href="{catrow.forumrow.U_VIEWFORUM}">{catrow.forumrow.FORUM_NAME}</a></td> <td align="right"></td></tr></table></span></h{catrow.forumrow.LEVEL}>
   <span class="genmed">{catrow.forumrow.FORUM_DESC}</span>

   <span class="gensmall">
   
   {catrow.forumrow.switch_moderators_links.L_MODERATOR}{catrow.forumrow.switch_moderators_links.MODERATORS}
   
   {catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}
   </span>
   <BR />

   </td>
   

   <td class="row3 over" align="center" valign="middle" height="80"><div style="width:150px;">
   <center><div class="ic1"><img title="{catrow.forumrow.L_FORUM_FOLDER_ALT}" src="{catrow.forumrow.FORUM_FOLDER_IMG}" alt="{catrow.forumrow.L_FORUM_FOLDER_ALT}" /></div></center><span class="gensmall"><div class="mess1"><center>{catrow.forumrow.LAST_POST}</span>
   <span class="gensmall"> <br /></span></div> </td>
   
   
   <td class="row3" colspan="3" align="center" valign="middle" height="50"><span class="gensmall">{catrow.forumrow.forum_link.HIT_COUNT}</span></td>
   
   </tr></div></center>
   
   
   <tr>
   
   <td class="{catrow.catfoot.inc.INC_CLASS}" width="46"><img src="{SPACER}" height="0" width="46" /></td>
   
   <td class="spaceRow" colspan="{catrow.catfoot.INC_SPAN}" height="1"><img src="{SPACER}" alt="" height="1" width="1" /></td>
   </tr>
   
   
   </table><table width="100%" border="0" cellspacing="0" cellpadding="0"><tr><td><img src="http://nsa33.casimages.com/img/2013/06/20//130620061147208829.png" /></td></tr></table><img src="{SPACER}" alt="" height="5" width="1" />
   </table>

[/hide]

et le css: (doute)

Code:: /*LIENS CATÉGORIES*/
a.forumlink{
color:#f34e52;
display:block;
font-family:garamond;
font-size:33px;
letter-spacing:-2px;
font-weight:lighter;
margin-bottom:-5px;
padding-left:4px;
text-align:left;
text-decoration:none;
margin-left:65px;
margin-right:10px;
text-transform:lowercase;
font-style: italic;
text-shadow: #f3e9c7 0px 0px 1px;
transform: all;
-moz-transform: all;
-o-transform: all;
-htm-transform: all;
-webkit-transform: all;
transition: 1s;
-moz-transition: 1s;
-o-transition: 1s;
-htm-transition: 1s;
-webkit-transition: 1s;
}

a.forumlink:hover{
display: block;
padding-left: 100px;
text-decoration: none;
color : #f34e52;
text-shadow: #f3e9c7 0px 0px 1px;
transform: all;
-moz-transform: all;
-o-transform: all;
-htm-transform: all;
-webkit-transform: all;
transition: 1s;
-moz-transition: 1s;
-o-transition: 1s;
-htm-transition: 1s;
-webkit-transition: 1s;
}

a.postlink:link{
text-decoration: none;
color : #f3e9c7 ;}

a.postlink:visited{
text-decoration: none;
color : #f3e9c7;
}

a.postlink:active{
text-decoration: none;
color : #f3e9c7;
}

a.postlink:hover{
text-decoration: none;
color : #9D8189;}

/* MISE EN PAGE DERNIERS SUJETS & MESSAGES*/
.messagesujet{
font-family: ernest;
text-transform:uppercase;
text-align:right;
font-size: 10px;
font-weight:normal;
font-style: normal;}

/* MISE EN PAGE EN-TETE CATEGORIE*/
.secondarytitle, .secondarytitle h2 {
color:#f34e52;
font-family:arial;
letter-spacing:-1px;
font-size:30px;
text-align: center;
text-transform:uppercase;
margin-left:-430px;
padding-top: 5px;
margin-top: 335px;}

/* CODE COULEUR POUR LE BLOCK AVEC LIENS DEDANS DANS CATEGORIE */

div.nonavi{
background-color: white;
background-position:center;
color:#000;float:center;
font-family:Arial;
font-size:8px;
font-style:normal;
font-weight:700;
padding-bottom:3px;
padding-top:4px;
position:relative;
text-align:center;
text-decoration:none;
text-transform:uppercase;
width:383px}

div.navi{
background-color: white;
background-position:center;
color:#f34e52;
float:center;
font-family:Arial;
font-size:9px;
font-style:normal;
font-weight:700;
padding-bottom:3px;
padding-top:4px;
position:relative;
text-align:center;
text-decoration:none;
text-transform:uppercase;
width:383px}

div.navi span{
display:none}

div.navi:hover{
background:none;
background-color: white;
color:#f34e52;
cursor:mini;
padding-top:4px;
z-index:999}

div.navi:hover span a:hover{
color:#f34e52;
font-style:normal;
font-weight:700;
text-transform:uppercase}

div.navi:hover span{
background-color: white ;
background-position:center bottom;
color:#f34e52;
display:inline-block;
font-variant:none;left:0;
padding-bottom:3px;
padding-top:4px;
position:absolute;
text-align:center;
top:0;
width:383px;}

/* MISE EN PAGE CATÉGORIE */
.def{
padding-left: 20px;
padding-top: 20px;
padding-right: 20px;
padding-bottom: 10px;
margin-left: 40px;
line-height: 1.1;
border-radius: 10px;
-moz-border-radius:10px;
-webkit-border-radius:10px;
margin-top: -20px;
border-left : solid #f34e52 4px;
border-right : solid #f34e52 4px;
background-color:#dcf1f6;
width:550px;
}

.link1 {
font-family: verdana;
text-transform:uppercase;
font-size: 8px;
letter-spacing: -1;
color:#D2478C; }

.couleur1{
color:#9AC0CD;
font-family: arial;
font-size: 11px;
text-align: justify;
}

.forumline {
-moz-border-radius: 0px 0px 20px 20px;
border-radius: 0px 0px 20px 20px;
}

.import1{
font-family: verdana;
text-transform:uppercase;
font-size: 11px;
letter-spacing: -2;
color:#000000;}

merci a tous de bien m'aider Smile

Sujet: Re: categories a developer Mar 01 Oct 2013, 08:06

Bonjour,

Est ce que tu pourrais mieux expliquer ton problème, j'ai du mal à comprendre ^^

Sujet: Re: categories a developer Mar 01 Oct 2013, 08:23

en faite je voudrais comme l'image. un bloc de catégorie qui y ressemble. avec l'image du haut et du bas de catégorie. sur le forum le plus gros est fait. on voudrais que ca correspond comme sur l'image. on a la barre ou quand on clique dessus il y a les sous forums. on veut garder la plupart de ce qu'on a fait disons qu'on veut que ce soit plus harmonieux que ça aille ensemble Smile

je sais pas si c'est plus clair?

Sujet: Re: categories a developer Mar 01 Oct 2013, 13:13

J'ai l'impression que tu cherches à faire une commande ^^
Là on est dans la section Aide, qui est là pour t'aider si tu as une difficulté Razz

.
Quelle(s) difficultés rencontrent tu ? Tu ne sais pas comment t'y prendre ? Tu as essayé quelque chose qui ne marche pas ? Quelle a été ta démarche ^^ ?

Sujet: Re: categories a developer Ven 04 Oct 2013, 04:26

d'accord comment expliquer ça...

hum sur notre forum c'est presque ça, on veut quasiment tout garder. en faite on voudrais mettre une image de haut et bas catégorie... on savait faire mais on a perdu comment le re refaire et comme on a deja bien modifier le template on se retrouve un peu perdu a savoir quoi modifier.
categories a developer Screen13

cela ressemble déjà a notre image. en faite on voudrais juste que l'image de boutons new no new... puisse se trouver entre la description et les statistiques. il doit y avoir un deplacement non? et pour finir l'image de bas catégorie. surtout ou le mettre avec toutes nos modifs... et faire ce qu'on a fait en orange les coutours mais qui vas de la description a la partie statistique un cadre entier.je crois que c'est tout.

edit: d'ailleurs comment on fait la separation entre une catégorie et une autre? cela se joue sur le template ou autre? comme ici http://art-design.xooit.com/index.php

Sujet: Re: categories a developer Sam 05 Oct 2013, 15:35

Je comprends mieux ^^

Est ce que tu peux me dire quel est ton réglage pour la séparation des catégories ? (PA > Affichage > Structure & Hiérarchie) ?

Ceci a de l'importance pour que je te dise pour la suite du code au niveau des images en haut et en bas. Mais à priori vu ton code, là c'est dans table_head et table_foot

Par contre, dans ton code j'ai trouvé un endroit où il y a une div qui se ferme pas. Tu peux bien vérifier ton code pour que chaque balise qui s'ouvre se ferme bien ^^ ? (ouvre le sur un éditeur de texte ça sera plus facile)
Par ce que sinon, tôt ou tard lors d'une modification ça va créer un bug x)

Sujet: Re: categories a developer Mer 09 Oct 2013, 03:17

alors pour les catégories:Séparer les catégories sur l'index : moyen

oui je sais! c'est trop bizarre pour la div car j'ai fais sur un forum test c'etait pareil... mais vu le bordel que c'est maintenant au niveau du css et template qu'on est paume! on a essayer de regler tout ça mais bon...

les parties qui sont ecrites en rouge sont mal c'est bien ça?

EDIT: bon sur mon forum test c'est deja pas mal j'ai essayer et c'est top sauf que la j'ai le sous forum qui apparait et que bizzarement la la categorie est un peu plus grande qu'avant...

image:

donc voila quand y'a un truc qui vas un autre truc ne vas plus :S

Sujet: Re: categories a developer Mer 09 Oct 2013, 16:07

Actuellement, dans ton panneau d'administration (Panneau d'administration > Général > Forum > Configuration), dans les paramètres du forum, la largeur de ton forum est en pourcentage, met une valeur fixe en pixel Wink

(855px ça a l'air bien). Cela devrait régler ton problème je pense ^^

Sujet: Re: categories a developer Mer 09 Oct 2013, 18:07

cela ne change rien du tout :S

EDIT:
par contre l'image du bas c'est bon Smile

et apres c'est juste la taille des categories qui dépassent qui m'embête... sinon je veux juste que l'image soit elle entre les stats et la description et que le cadre entoure le tout. mais je vois pas ou modifier cela... et le template a ete refait correctement. donc je te repasse le tout Smile

et le css:

Code:: /*LIENS CATÉGORIES*/
a.forumlink{
color:#f34e52;
display:block;
font-family:garamond;
font-size:33px;
letter-spacing:-2px;
font-weight:lighter;
margin-bottom:-5px;
padding-left:4px;
text-align:left;
text-decoration:none;
margin-left:65px;
margin-right:10px;
text-transform:lowercase;
font-style: italic;
text-shadow: #f3e9c7 0px 0px 1px;
transform: all;
-moz-transform: all;
-o-transform: all;
-htm-transform: all;
-webkit-transform: all;
transition: 1s;
-moz-transition: 1s;
-o-transition: 1s;
-htm-transition: 1s;
-webkit-transition: 1s;
}

a.forumlink:hover{
display: block;
padding-left: 100px;
text-decoration: none;
color : #f34e52;
text-shadow: #f3e9c7 0px 0px 1px;
transform: all;
-moz-transform: all;
-o-transform: all;
-htm-transform: all;
-webkit-transform: all;
transition: 1s;
-moz-transition: 1s;
-o-transition: 1s;
-htm-transition: 1s;
-webkit-transition: 1s;
}

a.postlink:link{
text-decoration: none;
color : #f3e9c7 ;}

a.postlink:visited{
text-decoration: none;
color : #f3e9c7;
}

a.postlink:active{
text-decoration: none;
color : #f3e9c7;
}

a.postlink:hover{
text-decoration: none;
color : #9D8189;}

/* MISE EN PAGE DERNIERS SUJETS & MESSAGES*/
.messagesujet{
font-family: ernest;
text-transform:uppercase;
text-align:right;
font-size: 10px;
font-weight:normal;
font-style: normal;}

/* MISE EN PAGE EN-TETE CATEGORIE*/
.secondarytitle, .secondarytitle h2 {
color:#f34e52;
font-family:arial;
letter-spacing:-1px;
font-size:30px;
text-align: center;
text-transform:uppercase;
margin-left:-430px;
padding-top: 5px;
margin-top: 335px;}

/* CODE COULEUR POUR LE BLOCK AVEC LIENS DEDANS DANS CATEGORIE */

div.nonavi{
background-color: black;
background-position:center;
color:#000;float:center;
font-family:Arial;
font-size:8px;
font-style:normal;
font-weight:700;
padding-bottom:3px;
padding-top:4px;
position:relative;
text-align:center;
text-decoration:none;
text-transform:uppercase;
width:383px}

div.navi{
background-color: black;
background-position:center;
color:#ffffff;
float:center;
font-family:Arial;
font-size:9px;
font-style:normal;
font-weight:700;
padding-bottom:3px;
padding-top:4px;
position:relative;
text-align:center;
text-decoration:none;
text-transform:uppercase;
width:383px}

div.navi span{
display:none}

div.navi:hover{
background:none;
background-color: black;
color:#fffffff;
cursor:mini;
padding-top:4px;
z-index:999}

div.navi:hover span a:hover{
color:#ffffff;
font-style:normal;
font-weight:700;
text-transform:uppercase}

div.navi:hover span{
background-color: black ;
background-position:center bottom;
color:#ffffff;
display:inline-block;
font-variant:none;left:0;
padding-bottom:3px;
padding-top:4px;
position:absolute;
text-align:center;
top:0;
width:383px;}

/* MISE EN PAGE CATÉGORIE */
.def{
padding-left: 20px;
padding-top: 20px;
padding-right: 20px;
padding-bottom: 10px;
margin-left: 40px;
line-height: 1.1;
border-radius: 10px;
-moz-border-radius:10px;
-webkit-border-radius:10px;
margin-top: -20px;
border-left : solid #000000 4px;
border-right : solid #000000 4px;
background-color:#4A3426;
width:550px;
}

.link1 {
font-family: verdana;
text-transform:uppercase;
font-size: 8px;
letter-spacing: -1;
color:#9AC0CD; }

.couleur1{
color:#9AC0CD;
font-family: arial;
font-size: 11px;
text-align: justify;
}

.forumline {
-moz-border-radius: 0px 0px 20px 20px;
border-radius: 0px 0px 20px 20px;
}

.import1{
font-family: verdana;
text-transform:uppercase;
font-size: 11px;
letter-spacing: -2;
color:#000000;}

/* SELECTION CONTENU */
.selectCode {
float:right;
text-transform: uppercase;
cursor:pointer; }

.bas{
background: url("http://nsa33.casimages.com/img/2013/06/20//130620061147208829.png") no-repeat transparent;
height:85px;
margin:0px;}

et dans la description aussi...

Code:: <div class="def"><span class="genmed"><color=#B5A7A7> PRÉLUDE ➤ </color> <font class="couleur1">Californie, Hollywood, stars, journalistes, ces mots vous font rêver ? Alors Walk Of Fame est fait pour vous. Cette première partie est l'une des plus importantes de ce forum, et vous n'y couperez pas. Venez lire tout d'abord le contexte, afin de bien comprendre l'intrigue et de pouvoir vous intégrer plus facilement, puis le règlement car si vous manquez à l'une de vos obligations, vous risquez des problèmes. Enjoy </font></span><br><br>
<center><div class="cate"><div class="navi">Clique ici pour voir ce qu'il y a!<span><a href="http://walk-of-fame.forumactif.org/t4044-wof-your-story"><font class="link1">Contexte</font></a> <a href="http://walk-of-fame.forumactif.org/t3887-wof-le-reglement"><font class="link1">Règlement</font></a> <a href="http://walk-of-fame.forumactif.org/t3568-wof-les-groupes-du-forum"><font class="link1">Groupes</font></a> <a href="http://walk-of-fame.forumactif.org/t3567-wof-la-team-rocket"><font class="link1">Staff</font></a> <a href="http://psychotic-bitch.forumactif.org"><font class="link1">Crédits</font></a></span></div></center></div></div>

Sujet: Re: categories a developer Jeu 10 Oct 2013, 14:18

Est ce que tu peux me prendre une screen de "Panneau d'administration > Général > Forum > Configuration", au niveau de la largeur de l'écran (en mettant 800px comme valeur), car là je crois il y a un bug ^^

Dans ton css, aurait tu quelque chose dans ce genre ? :

Code:: .bodylinewidth {
width: 60%;
}

Si oui, pourrais tu enlever le "width: 60%", car une largeur en pourcentage n'est pas adaptée si tu veux mettre tes images en haut et en bas des catégories Wink

. Il vaut mieux fixer une largeur en pixels Smile

Sujet: Re: categories a developer Ven 11 Oct 2013, 01:55

Spoiler:

le truc c'est que j'ai essayer d'entrer 800px mais le x apres le p ne rentres pas....

et sinon je n;ai pas tester le css je vais voir et éditer

EDIT: oui sauf que c'est comme ça:

Code:: .bodylinewidth {
width:60%;
margin: 11px auto -10px auto;
}

RE-EDIT; avec ou sans enlever le margin c'est pareil

Sujet: Re: categories a developer Ven 11 Oct 2013, 06:50

Il faut rentrer juste le chiffre ^^ "800" (je viens de vérifier, normalement ça devrait marcher, désolée de pas avoir été précise Razz

)

Pour le CSS, est ce que tu pourrais remplacer ton code par ceci :

Code:: /*.bodylinewidth {
width:60%;
margin: 11px auto -10px auto;
}*/

Je fais ça pour éviter le conflit possible entre le CSS et l'information mise dans le panneau d'administration. Histoire de comprendre d'où vient le bug de largeur Smile

Sujet: Re: categories a developer Ven 11 Oct 2013, 11:41

non plus... mais la je me demande si ce n'est pas l'image de categorie qui pourrait être une histoire de taille de largeur... pourtant j'ai repris le meme que sur le vrai forum... alors maintenant je ne sais plus trop... ca en devient désespérant...si c'est ça je ne sais pas la taille exacte ou alors un template?
categories a developer 3517359236

alalala

Sujet: Re: categories a developer Ven 11 Oct 2013, 13:58

Ok, je pense avoir trouvé.

Dans ton CSS, tu dois avoir quelque part quelque chose comme ceci :

Code:: .qeel {
width: 890px;
}

Ceci est dans le forum, et va donc le forcer à avoir une largeur minimum de 890px ! Alors que tes images font 855px de large.
Remplace le 890px par 855px.

Déjà cela devrait être mieux.
Dans ton css, peux tu supprimer la ligne "width: 60%;" ?

Code:: /*.bodylinewidth {
width:60%;
margin: 11px auto -10px auto;
}*/

Normalement si tu fais bien tout ça, cela devrait marcher Wink

Sujet: Re: categories a developer Ven 11 Oct 2013, 23:03

non plus

Sujet: Re: categories a developer Sam 12 Oct 2013, 08:48

Rhaaa, mince, j'avais pas vu que le titre au dessus faisais lui aussi 890px. Normalement là c'est bon.

Trouve dans le CSS la partie qui correspond à quelque chose dans ce genre :

Code:: .qeel_titre{
width: 890px;
}

Il faut ici aussi remplacer par 855px.

Sujet: Re: categories a developer Mer 16 Oct 2013, 03:15

oh mon dieu c'est parfait tu as reussi categories a developer 73120010

on avance vers la fin thks God x)

Sujet: Re: categories a developer Jeu 17 Oct 2013, 04:15

Tu peux me refaire comme pour le premier post la liste des problèmes restant à faire Razz

?

Sujet: Re: categories a developer Jeu 17 Oct 2013, 07:58

d'accord:
alors je voudrais que l'image se déplace afin de se trouver entre la description de catégorie et les statistique et q'il y a un encadrement total. et pour finir je ne voudrais pas qu'on voit le nom des sous forums

Sujet: Re: categories a developer Jeu 17 Oct 2013, 10:26

Dans ton template, tu as déjà essayé ^^ ? Si oui, tu as essayé quoi, et qu'est ce qui ne marchait pas ?

Citation :: q'il y a un encadrement total

Tu veux dire quoi par encadrement total ^^ ?

Sujet: Re: categories a developer Sam 19 Oct 2013, 21:24

ah non enfin c'est deja modifier... je ne vois pas ou poster l'image a vrai dire la déplacer pour la mettre entre la description et les statistiques. sinon l'encadrement je voudrais que ca entoure l'image et les statistique pas seulement la description....

Sujet: Re: categories a developer Dim 20 Oct 2013, 11:18

Voici dans ton template ce que tu as pour la 2nde ligne : titre forum + description + image + stats :

Code:: <tr>

<td class="{catrow.forumrow.inc.INC_CLASS}" width="46"><img src="{SPACER}" height="0" width="46" alt="." /></td>

<td class="{catrow.forumrow.INC_CLASS}" align="center" valign="middle">
</td>
<td class="row1 over" colspan="{catrow.forumrow.INC_SPAN}" valign="top" width="100%" height="50">
<h{catrow.forumrow.LEVEL} class="hierarchy">
<span class="forumlink"> <div class="messagesujet">{catrow.forumrow.POSTS} oscars → {catrow.forumrow.TOPICS} nominations</div>
<table width="60%"><tr><td><a class="forumlink" href="{catrow.forumrow.U_VIEWFORUM}">{catrow.forumrow.FORUM_NAME}</a></td> <td align="right"></td></tr></table></span></h{catrow.forumrow.LEVEL}>
<span class="genmed">{catrow.forumrow.FORUM_DESC}</span>

<span class="gensmall">

{catrow.forumrow.switch_moderators_links.L_MODERATOR}{catrow.forumrow.switch_moderators_links.MODERATORS}

{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}
</span>
<BR />

</td>


<td class="row3 over" align="center" valign="middle" height="80"><div style="width:150px;">
<center><div class="ic1"><img title="{catrow.forumrow.L_FORUM_FOLDER_ALT}" src="{catrow.forumrow.FORUM_FOLDER_IMG}" alt="{catrow.forumrow.L_FORUM_FOLDER_ALT}" /></div></center><span class="gensmall"><div class="mess1"><center>{catrow.forumrow.LAST_POST}</span>
<span class="gensmall"> <br /></span></div> </td>


<td class="row3" colspan="3" align="center" valign="middle" height="50"><span class="gensmall">{catrow.forumrow.forum_link.HIT_COUNT}</span></td>

</tr>

Donc de gauche à droite :

Les 2 premières cellules

Code:: 
<td class="{catrow.forumrow.inc.INC_CLASS}" width="46"><img src="{SPACER}" height="0" width="46" alt="." /></td>

<td class="{catrow.forumrow.INC_CLASS}" align="center" valign="middle"></td>

Ensuite une autre cellule avec le nom du forum, la description, les modo et les liens vers les sous forums, les stats :

Code:: <td class="row1 over" colspan="{catrow.forumrow.INC_SPAN}" valign="top" width="100%" height="50">
               <h{catrow.forumrow.LEVEL} class="hierarchy">
               <span class="forumlink">
                  <div class="messagesujet">{catrow.forumrow.POSTS} oscars → {catrow.forumrow.TOPICS} nominations</div>
                  <table width="60%"><tr><td><a class="forumlink" href="{catrow.forumrow.U_VIEWFORUM}">{catrow.forumrow.FORUM_NAME}</a></td> <td align="right"></td></tr></table>
               </span></h{catrow.forumrow.LEVEL}>
<span class="genmed">{catrow.forumrow.FORUM_DESC}</span>

            <span class="gensmall">

{catrow.forumrow.switch_moderators_links.L_MODERATOR}{catrow.forumrow.switch_moderators_links.MODERATORS}

{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}
</span>
<BR />

</td>

Puis l'image New / Old / Lock ainsi que après le dernier message.

Code:: <td class="row3 over" align="center" valign="middle" height="80">
            <div style="width:150px;">
               <center><div class="ic1"><img title="{catrow.forumrow.L_FORUM_FOLDER_ALT}" src="{catrow.forumrow.FORUM_FOLDER_IMG}" alt="{catrow.forumrow.L_FORUM_FOLDER_ALT}" /></div></center>
               <span class="gensmall"><center>{catrow.forumrow.LAST_POST}</span>
            </div>

         </td>

Par contre, ton template est vraiment pas très "propre"... Il y a des div qui s'ouvrent mais ne se ferme pas, il y a des div dans des span, il y a des traces de codes manifestement très vieilles (des trucs qui sont plus dans les templates maintenant). Il faudra quand tu auras de temps que tu nettoies tout ça. C'est super important. Pense aussi à commenter ce que tu fais. Dès que tu fais une modification, tu laisses un petit commentaire, cela t'aidera, et aidera les gens qui touchent au code après.

Maintenant que je t'ai détaillé les différentes parties, est ce que tu voies mieux où sont les codes que tu dois déplacer ? ^^

Pense aussi à faire un tour dans le décryptage du template index_box pour mieux comprendre ce que tu fais ^^.

Sujet: Re: categories a developer Lun 21 Oct 2013, 00:42

d'accord je vois Smile

oui j'ai pu voir sa... il est vraiment vieux aussi le forum c'est aussi pour ca haha mais c'est vrai qu'on a ce soucis de div j'ai essayer de le faire, de faire le menage mais j'ai fait pire j'ai essayer de trouver et d'en enlever cela n'a pas arranger grand chose... il faudrais que je demande a en faire le ménage. car c'est assez perturbant. :/ en tout cas la c'est plus clair mais il faudrais faire le menage car je pense que sinon ca risque de perturbant pour un moindre changement :/ je vais essayer de faire ça

Sujet: Re: categories a developer Lun 21 Oct 2013, 12:12

J'espère t'avoir éclairci les choses, normalement avec ce que je t'ai dis tu en sais un peu plus pour avancer ! Si néanmoins tu n'y arrives vraiment pas, explique moi ce que tu essayé, ce que ça donne, et ne t'inquiète pas je t'aiderai davantage ^^.

categories a developer

categories a developer

Sujets similaires

Sujets similaires

Partenaires Or