code pour les catégories. :)

Alors avant tout, je m'excuse pour l'attente. Premièrement parce que j'avais modifier le templates pour un autre forum alors et que maintenant les catégories à bugué alors, maintenant c'est arrangé. Wink

Et deuxième, je ne vous l'avais pas fait part avant car j'avais pas encore un petit moment pour arrangé le tout. Donc voilà les codes.

Template indexbox

Code:: <table width="100%" border="0" cellspacing="1" cellpadding="0" align="center">
<tr>
<td valign="bottom">

<span class="gensmall">{LAST_VISIT_DATE}

{CURRENT_TIME}

</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>

<a class="gensmall" href="{U_SEARCH_SELF}">{L_SEARCH_SELF}</a>


<a class="gensmall" href="{U_SEARCH_UNANSWERED}">{L_SEARCH_UNANSWERED}</a>
</td>
</tr>
</table>

<fieldset class="fieldfor"><legend class="legfor"><a>{catrow.tablehead.L_FORUM}</a></legend>
<table width="100%" border="0" cellspacing="1" cellpadding="0">


<tr>

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



<tr>

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

<td class="row1 over" colspan="{catrow.forumrow.INC_SPAN}" valign="top" width="100%" height="50">
<h{catrow.forumrow.LEVEL} class="hierarchy">

<table><tr><td width="150px"><img title="{catrow.forumrow.L_FORUM_FOLDER_ALT}" src="{catrow.forumrow.FORUM_FOLDER_IMG}" alt="{catrow.forumrow.L_FORUM_FOLDER_ALT}" /> </td>
<td width="400px"><span class="forumlink">
<a class="forumlink" href="{catrow.forumrow.U_VIEWFORUM}"><span class="gradualfader">{catrow.forumrow.FORUM_NAME}</span></a>
</span>
<div class="descriptions">{catrow.forumrow.FORUM_DESC}</div></td>

<td width="50%"><br><div class="lastmess"><span class="gensmall"><center>{catrow.forumrow.LAST_POST}</center></span></div> <div class="totaux"><center><span class="gensmall"><b>Sujets :</b> {catrow.forumrow.TOPICS} <b>Messages :</b> {catrow.forumrow.POSTS}</span></center></div> <div class="sousflinks"><center>{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}</center></div></td></tr></table>

<span class="gensmall"><br>

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

</span>
</td>

</td>





</tr>


<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> </fieldset><img src="{SPACER}" alt="" height="5" width="1" />

CSS

Code:: /* -------------- CODAGE PAR KETSIA DE CSS ACTIF ----------------------- */
/* MISE EN FORME DES CATÉGORIES */
/* les catégories */
.fieldfor {
color: black;
border: 5px solid #B2A291;
-moz-border-radius: 50px;
padding: 15px;
padding-top : 0px;
text-align: justify;
background-color: #F1ECE5; }

/* le titre des catégories en legend */
.legfor{
background-color: #F1ECE5;
color : black;
-moz-border-radius : 40px 40px 0 0;
font-size : 28px;
font-family : 'Times New Roman';
text-transform : uppercase;
margin-left : 200px;
margin-right : 150px ;
margin-bottom : 36px ;
width : 300px ;
text-align : center ;
border : #B2A291 solid 5px ;
padding-top : none !important ;
padding-bottom : none !important ;
padding-left : 15px ;
padding-right : 15px ;
}

/* LIENS TITRES FORUMS */

a.forumlink {
text-shadow: 0px 0px 2px black ;
color: #1F1D19;
font-family: Georgia;
text-transform: uppercase;
font-weight:bolder;
font-size:15px;
letter-spacing:1px;
display: block;
text-align : center ;

}

a.forumlink:hover {
color: #ECB2C4;
text-shadow: 0px 0px 3px #ECB2C4 ;
}

/*LES TEMPLATES*/
/*Description Sous-forum*/
.descriptions {
text-align: justify;
background-color: #F1ECE5;
border : 3px solid #B2A291 ;
padding : 8px ;
-moz-border-radius : 15px ;
-moz-box-shadow:0px 0px 5px #000000;
width : 470px ;
height : 75px ;
overflow : auto
}

/*Liens Sous Forum*/
.sousflinks {
text-align: justify;
background-color: #F1ECE5;
-moz-border-radius : 15px ;
border : 2px #B2A291 solid ;
width : 170px ;
margin-bottom; 4px;
margin-left: 3px;
margin-top: 2px;
-moz-box-shadow:0px 0px 5px #000000;
}

.totaux {
background-color: #F1ECE5;
border : 2px solid #B2A291 ;
border-top : 0px solid #B2A291 ;
padding : 5px ;
color : black ;
-moz-border-radius : 0 0 15px 15px ;
-moz-box-shadow: 0px 2px 3px #000000;
width : 160px ;}

.lastmess {
background-color: #F1ECE5;
border : 2px solid #B2A291 ;
border-bottom : 1px solid #B2A291 ;
padding : 5px ;
color : black ;
-moz-border-radius : 15px 15px 0 0 ;
-moz-box-shadow: 0px 0px 5px #000000;
width : 160px ; }

Script à ajouter dans la description du site ^^

Code:: <script type="text/javascript" src="http://cadatlantis.free.fr/scripts/gradualfader.js"></script>

modérateur

Pour le script, il faut rajouter ou ?

J'y connais pas grand chose ^^'

pannean d'admin - général - forum - configuration - description du site.

En tout cas un énorme merci pour le code Very Happy

Admin

C'est pour le forum de base c'est ça ? Pas pour les annexes je crois. Je sais plus en fait ...

C'est pas pour tout?

Admin

Apparemment ya un problème de balises dans le template.

Admin

DP;
Bah on avait dit que c'était trop "compliqué" pour les forums annexes non ? Et qu'on voulait un truc plus simple je crois

administrateur

Non il me semble qu'on avait dit pour tous ...

Admin

on en parlait ici : https://mix-of-things.forumgratuit.org/t34p20-css-les-forums-que-nous-aimons

administrateur

Ah ben je sais plus mais moi je pense que c'est bien pour tous ...

Moi aussi, sa garderait le même esprit

administrateur

au moins pour le premier design de chaque après on pourrait changer quand on fera la seconde version ...

Il y a un problème de balise :/

Voilà réessayer maintenant, c'est supposer fonctionner parfaitement cette fois.

administrateur

J'ai retesté les codes, pour des modifications de couleurs, et ça fait un truc bizarre chez moi
http://hells-stuff.forumactif.info/
le "forum" fait un truc bizarre --> Sad

Admin

je vois pas quoi, ya pas de problème chez moi :/

administrateur

non, finalement j'ai trouvé !!

comme on retouche à tout je demande ; est-ce qu'on garde ce CSS pour les catégories ?

Admin

Moi je serais d'avis de changer perso :/
Tant qu'à faire, autant tout changer je pense, pour repartir sur de bonnes bases :p

Moi aussi, peut-être
dans un style plutôt simple dirais comme https://2img.net/h/oi54.tinypic.com/ostkcg.jpg

Admin

Oui pourquoi pas, c'est sympa

Vous voulez le code ?

si tu veux Razz

Alors, il faut mettre ce code dans la description des catégories :

Code:: <div class="categories"><table width="98%" border="0" cellpadding="0" cellspacing="0"><tr> <td>
<img src="Adesse de l'image">
</td><td><b>NOM DE LA CATEGORIE◊</b> blablablablablablablablablablablablablabla
</td></tr></table></div>

Et ce code dans le CSS du forum en sachant que j'ai laissé mes couleurs et qu'il faudra les changer ^^. Sinon, tout est personnalisable, on peut mettre un fois en bois et tout :

Code:: .categories {
border-left:2px solid #D96380;
border-top:3px solid #D96380;
border-right:2px solid #CFDE82;
border-bottom:3px solid #CFDE82;
background-color: #E5EBBB;
font-family: Arial;
font-size: 11px;
text-align: justify;
margin-left: 0px;
margin-right: 30px;
padding: 5px;
-moz-border-radius-bottomleft:20px;
-moz-border-radius-bottomright:20px;
-moz-border-radius-topleft:20px;
-moz-border-radius-topright:20px;
-moz-box-shadow:0px 0px 3px #000000;
}

Après pour avoir le nom de la catégorie ( it's my life ) comme moi il faut mettre ça dans le css :

Code:: a.forumlink{
color : #D57E1D;
background-image:url(URL);
display:block;
text-align:center;
letter-spacing: 1px;
text-transform:lowercase;
font-family: georgia;
font-weight: lighter;
margin: auto;
display:block;
text-shadow: 1px 1px 1px #000000;
}

a.forumlink:hover{
color : #D8637D;
background-image:url(URL);
display:block;
text-align: center;
letter-spacing: 1px;
text-transform:lowercase;
font-family: georgia;
font-weight: lighter;
margin: auto;
display:block;
text-shadow: 1px 1px 1px #000000;
}

Et pour les raccourcis vers les sous forums ( je sais si c'est français ce que je dis) le code à mettre dans le mettre dans la description des catégories c'est :

Code:: <div style="color: rgb(201, 204, 208);" class="abc" align="right"><a class="def" href="LIEN">Nom</a> <a class="def" href="LIEN">Nom</a> <a class="def" href="LIEN">Nom</a> </div>

Sa c'est pour les raccourcis qui se trouveront en haut comme l'exemple que tu as montré. Mais il peut aussi il y en avoir en bas. Dans ce cas, le code c'est :

Code:: <div style="color: rgb(201, 204, 208);" class="efg" align="right"><a class="def" href="LIEN">Nom</a> <a class="def" href="Lien">Nom</a> <a class="def" href="LIEN">nOM</a> <a class="def" href="LIEN"> Nom</a> <a class="def" href="LIEN"> Nom</a></div>

Et il faut mettre ça dans le CSS :

Code:: .abc {border-top: 3px solid #B9C874}
.def {
text-align: center;
background-color: #B9C874;
font-size: 10px;
padding-right: 10px;
padding-left: 10px;
padding-top: 3px;
}
.efg {border-bottom: 3px solid #BA8F8F}
.habitations {
text-align: center;
background-color: #BA8F8F;
color: #BA8F8F;
font-size: 10px;
padding-right: 10px;
padding-left: 10px;
padding-top: 3px;
}

Comme je sais pas exactement, ce que tu veux, je t'ai tout mis Wink

code pour les catégories. :)

code pour les catégories. :)

Sujets similaires

Sujets similaires