Bien le Bonjour,
Ayant repéré il a quelques jours une apparence pour modifier le contour des catégories sur la page d'accueil de mon forum je me suis lancé dedans.
J'ai donc suivi un petit tuto pour installer les codes css et templates qu'il fallait et ça à parfaitement marché sur mon forum test, voyez vous même :
En revanche, j'ai installer ces mêmes codes sur mon forum original et là rien.. Juste une partie de l’apparence a été modifier.
Voici le code css de l'apparence :
- Code:
-
/* ------ CONFIGURATION DE FORUMLINE ------ */
.forumline
{
background: url('http://i25.servimg.com/u/f25/11/95/30/70/430.jpg');
margin: 0px;
padding: 0px;
margin-bottom: 10px;
border: 1px solid #404040;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
}
/* ------ TITRE DES CATEGORIES ------ */
.secondarytitle, .secondarytitle h2
{
text-shadow: 0px 0px 1px #000;
letter-spacing: 3px;
font-family: Verdana;
font-weight: bold;
font-size: 17px;
position: relative;
padding-top: 5px;
}
/* div contenant la variable du titre des catégories */
.firstletter
{
line-height: 66px;
vertical-align: middle;
padding-top: 5px;
}
/* configuration de la premiere lettre du titre des catégories */
.firstletter:first-letter
{
font-size: 20px;
color: #B10000 !important;
font-weight: bold;
}
/* ------ TITRE FORUM ------ */
span.forumlink
{
vertical-align: middle;
display: block;
margin: 0;
text-align: left;
min-width: 250px;
}
a.forumlink
{
font-family: Arial;
font-size: 15px;
letter-spacing: 4px;
text-shadow: 1px 0 2px #000000;
}
/* configuration de la première lettre du titre de forum */
span.forumlink:first-letter
{
color: #B10000;
font-weight: bold;
}
/* fond du titre de forum */
.forum_titre
{
background: url('http://i25.servimg.com/u/f25/11/95/30/70/1912.jpg');
height: 28px;
line-height: 28px;
vertical-align: middle;
text-align: left;
background-position: left;
border: 1px solid #404040;
border-bottom: none;
margin: 0 10px;
padding-left: 12px;
-moz-border-radius: 10px 10px 0px 0px;
-webkit-border-radius: 10px 10px 0px 0px;
border-radius: 10px 10px 0px 0px;
}
/* ------ CONFIGURATION DES CELLULES DU HAUT (titre - cellule vide) ------ */
.cell_tfa_des
{
border-top: 1px solid #404040;
height: 40px;
line-height: 40px;
vertical-align: bottom;
}
/* ------ DESCRIPTION ------ */
.la_tfa_description
{
background: url('http://i25.servimg.com/u/f25/11/95/30/70/1014.jpg');
padding: 7px;
border: 1px solid #404040;
min-height: 50px;
vertical-align: middle;
margin: 0 10px;
}
.la_tfa_description span.genmed img
{
margin: 5px;
}
/* ------ DERNIERS SUJETS ------ */
.derniers_tfa_messages
{
background: url('http://i25.servimg.com/u/f25/11/95/30/70/1014.jpg');
background-position: bottom;
padding: 7px;
margin: 0 10px;
min-height: 50px;
vertical-align: middle;
border: 1px solid #404040;
}
.derniers_tfa_messages .gensmall
{
height: 100%;
vertical-align: middle;
}
/* ------ EMPLACEMENT DE L ICONE NEW/NO-NEW/CLOS ------ */
.icone_tfa_cat
{
position: relative;
float: right;
margin-right: -19px;
margin-top: -16px;
}
/* ------ OMBRE TEXTES CELLULES ------ */
.text-tfa_cell .gensmall
{
text-shadow: 1px 0 1px #000;
}
/* ------ BLOC RUBAN ------ */
.top_cat
{
position: relative;
width: 100%;
height: 66px;
vertical-align: bottom;
margin: 0;
padding: 0;
margin-top: 20px;
}
.tfa_cat_gauche
{
position: absolute;
left: -24px;
background: url('http://i56.servimg.com/u/f56/17/98/37/41/gauche10.png') no-repeat transparent;
width: 24px;
height: 66px;
margin: 0;
padding: 0;
}
.tfa_cat_droite
{
position: absolute;
right: -24px;
background: url('http://i56.servimg.com/u/f56/17/98/37/41/droite10.png') no-repeat transparent;
width: 24px;
height: 66px;
padding: 0;
margin: 0;
}
.tfa_cat_center
{
background: url("http://i56.servimg.com/u/f56/17/98/37/41/centre10.png") repeat-x scroll center bottom transparent;
bottom: 0;
height: 66px;
line-height: 66px;
margin: 0;
padding: 0;
}
/* ------ BAS CATEGORIE ------ */
.cat_tfa_bas
{
background: url('http://i25.servimg.com/u/f25/11/95/30/70/915.jpg');
height: 22px;
line-height: 22px;
vertical-align: middle;
background-position: left;
border: 1px solid #404040;
border-top: none;
margin: 0 10px 10px 10px;
-moz-border-radius: 0px 0px 10px 10px;
-webkit-border-radius: 0px 0px 10px 10px;
border-radius: 0px 0px 10px 10px;
}
.cat_tfa_bas .gensmall img
{
vertical-align: middle;
}
/* ------ STYLE CHIFFRES MESSAGES SUJETS ------ */
.chiffres
{
color: #74c20f;
font-weight: bold;
}
Ainsi que le code templates (index_box) :
- Code:
-
<!-- BEGIN catrow -->
<!-- BEGIN tablehead -->
<table class="forumline" width="100%" cellspacing="0" cellpadding="0">
<tr>
<th nowrap="nowrap" colspan="2" width="100%" class="secondarytitle" style="background: transparent; vertical-align: middle;">
<!-- DEBUT TITRE CATEGORIE -->
<div class="top_cat">
<div class="tfa_cat_gauche"></div>
<div class="tfa_cat_droite"></div>
<div class="tfa_cat_center">
<div class="firstletter">{catrow.tablehead.L_FORUM} </div>
</div>
</div>
<!-- FIN TITRE CATEGORIE -->
</th>
</tr>
<!-- END tablehead -->
<!-- BEGIN forumrow -->
<tr>
<!-- DEBUT TITRE FORUM -->
<td width="70%" class="cell_tfa_des">
<div class="forum_titre">
<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}>
</div>
</td>
<!-- FIN TITRE FORUM -->
<td width="30%" class="cell_tfa_des">
</td>
</tr>
<tr>
<!-- DEBUT DESCRIPTION FORUM -->
<td width="70%">
<div class="la_tfa_description">
<div><span class="genmed">{catrow.forumrow.FORUM_DESC}</span>
</div>
<div class="modo" style="width:100%;">
<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>
</div>
</div>
</td>
<!-- FIN DESCRIPTION FORUM -->
<!-- DEBUT DERNIERS MESSAGES -->
<td width="30%" style="min-width: 160px; vertical-align: bottom;">
<div class="derniers_tfa_messages">
<!-- DEBUT ICONE NEW/NO-NEW/CLOS -->
<div class="icone_tfa_cat">
<img title="{catrow.forumrow.L_FORUM_FOLDER_ALT}" src="{catrow.forumrow.FORUM_FOLDER_IMG}" alt="{catrow.forumrow.L_FORUM_FOLDER_ALT}" />
</div>
<!-- FIN ICONE NEW/NO-NEW/CLOS -->
<span class="gensmall">{catrow.forumrow.LAST_POST}</span>
</div>
</td>
<!-- FIN DERNIERS MESSAGES -->
</tr>
<tr>
<!-- DEBUT LIENS SOUS FORUMS -->
<td width="70%" class="text-tfa_cell" align="center" valign="top">
<div class="cat_tfa_bas">
<span class="gensmall">
{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}
</span>
</div>
</td>
<!-- FIN LIENS SOUS FORUMS -->
<!-- DEBUT NOMBRES SUJETS ET MESSAGES -->
<td width="30%"align="center" valign="top">
<div class="cat_tfa_bas">
<span class="gensmall"><span class="chiffres">{catrow.forumrow.TOPICS}</span> sujets <span class="chiffres">{catrow.forumrow.POSTS}</span> messages</span>
</div>
</td>
<!-- FIN NOMBRES SUJETS ET MESSAGES -->
</tr>
<!-- END forumrow -->
<!-- BEGIN catfoot -->
<tr>
<td class="spaceRow" colspan="2" height="1"><img src="{SPACER}" alt="" height="1" width="1" /></td>
</tr>
<!-- END catfoot -->
<!-- BEGIN tablefoot -->
</table><img src="{SPACER}" alt="" height="5" width="1" /><!-- END tablefoot --><!-- END catrow -->
Personnellement je ne pense pas que le problème vienne de ces codes vu qu'il marche parfaitement sur mon forum de test.
Je vais donc vous copier l’intégralité de mon css et de mon templates (index_box).
Css :
- Code:
-
body
{
background-color: #0d0d0d;
background-position: top center;
background-repeat: repeat-y;
}
a
{
outline: none;
}
a:link
{
text-decoration: none !important;
}
.fond
{
background-image: url(http://img11.hostingpics.net/pics/642719847101Almanaxfinal20.png);
}
.bodylinewidth
{
width: 900px;
}
#page-body
{
margin-top: 20px;
}
/* ------ CONFIGURATION DE FORUMLINE ------ */
.forumline
{
background: url('http://i25.servimg.com/u/f25/11/95/30/70/430.jpg');
margin: 0px;
padding: 0px;
margin-bottom: 10px;
border: 1px solid #404040;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
}
/* ------ TITRE DES CATEGORIES ------ */
.secondarytitle, .secondarytitle h2
{
text-shadow: 0px 0px 1px #000;
letter-spacing: 3px;
font-family: Verdana;
font-weight: bold;
font-size: 17px;
position: relative;
padding-top: 5px;
}
/* div contenant la variable du titre des catégories */
.firstletter
{
line-height: 66px;
vertical-align: middle;
padding-top: 5px;
}
/* configuration de la premiere lettre du titre des catégories */
.firstletter:first-letter
{
font-size: 20px;
color: #B10000 !important;
font-weight: bold;
}
/* ------ TITRE FORUM ------ */
span.forumlink
{
vertical-align: middle;
display: block;
margin: 0;
text-align: left;
min-width: 250px;
}
a.forumlink
{
font-family: Arial;
font-size: 15px;
letter-spacing: 4px;
text-shadow: 1px 0 2px #000000;
}
/* configuration de la première lettre du titre de forum */
span.forumlink:first-letter
{
color: #B10000;
font-weight: bold;
}
/* fond du titre de forum */
.forum_titre
{
background: url('http://i25.servimg.com/u/f25/11/95/30/70/1912.jpg');
height: 28px;
line-height: 28px;
vertical-align: middle;
text-align: left;
background-position: left;
border: 1px solid #404040;
border-bottom: none;
margin: 0 10px;
padding-left: 12px;
-moz-border-radius: 10px 10px 0px 0px;
-webkit-border-radius: 10px 10px 0px 0px;
border-radius: 10px 10px 0px 0px;
}
/* ------ CONFIGURATION DES CELLULES DU HAUT (titre - cellule vide) ------ */
.cell_tfa_des
{
border-top: 1px solid #404040;
height: 40px;
line-height: 40px;
vertical-align: bottom;
}
/* ------ DESCRIPTION ------ */
.la_tfa_description
{
background: url('http://i25.servimg.com/u/f25/11/95/30/70/1014.jpg');
padding: 7px;
border: 1px solid #404040;
min-height: 50px;
vertical-align: middle;
margin: 0 10px;
}
.la_tfa_description span.genmed img
{
margin: 5px;
}
/* ------ DERNIERS SUJETS ------ */
.derniers_tfa_messages
{
background: url('http://i25.servimg.com/u/f25/11/95/30/70/1014.jpg');
background-position: bottom;
padding: 7px;
margin: 0 10px;
min-height: 50px;
vertical-align: middle;
border: 1px solid #404040;
}
.derniers_tfa_messages .gensmall
{
height: 100%;
vertical-align: middle;
}
/* ------ EMPLACEMENT DE L ICONE NEW/NO-NEW/CLOS ------ */
.icone_tfa_cat
{
position: relative;
float: right;
margin-right: -19px;
margin-top: -16px;
}
/* ------ OMBRE TEXTES CELLULES ------ */
.text-tfa_cell .gensmall
{
text-shadow: 1px 0 1px #000;
}
/* ------ BLOC RUBAN ------ */
.top_cat
{
position: relative;
width: 100%;
height: 66px;
vertical-align: bottom;
margin: 0;
padding: 0;
margin-top: 20px;
}
.tfa_cat_gauche
{
position: absolute;
left: -24px;
background: url('http://i56.servimg.com/u/f56/17/98/37/41/gauche10.png') no-repeat transparent;
width: 24px;
height: 66px;
margin: 0;
padding: 0;
}
.tfa_cat_droite
{
position: absolute;
right: -24px;
background: url('http://i56.servimg.com/u/f56/17/98/37/41/droite10.png') no-repeat transparent;
width: 24px;
height: 66px;
padding: 0;
margin: 0;
}
.tfa_cat_center
{
background: url("http://i56.servimg.com/u/f56/17/98/37/41/centre10.png") repeat-x scroll center bottom transparent;
bottom: 0;
height: 66px;
line-height: 66px;
margin: 0;
padding: 0;
}
/* ------ BAS CATEGORIE ------ */
.cat_tfa_bas
{
background: url('http://i25.servimg.com/u/f25/11/95/30/70/915.jpg');
height: 22px;
line-height: 22px;
vertical-align: middle;
background-position: left;
border: 1px solid #404040;
border-top: none;
margin: 0 10px 10px 10px;
-moz-border-radius: 0px 0px 10px 10px;
-webkit-border-radius: 0px 0px 10px 10px;
border-radius: 0px 0px 10px 10px;
}
.cat_tfa_bas .gensmall img
{
vertical-align: middle;
}
/* ------ STYLE CHIFFRES MESSAGES SUJETS ------ */
.chiffres
{
color: #74c20f;
font-weight: bold;
}
a.forumlink:hover
{
text-decoration: none !important;
margin-left: 20px;
font-style: italic;
}
table
{
max-width: 850px;
margin: auto;
}
#i_logo
{
margin-top: -18px;
margin-bottom: -115px;
}
.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;
}
#page-footer a
{
font-size: 10px;
text-decoration: none !important;
}
Templates (index_box) :
- Code:
-
<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>
<!-- BEGIN catrow -->
<!-- BEGIN tablehead -->
<table class="forumline" width="100%" cellspacing="0" cellpadding="0">
<tr>
<th nowrap="nowrap" colspan="2" width="100%" class="secondarytitle" style="background: transparent; vertical-align: middle;">
<!-- DEBUT TITRE CATEGORIE -->
<div class="top_cat">
<div class="tfa_cat_gauche"></div>
<div class="tfa_cat_droite"></div>
<div class="tfa_cat_center">
<div class="firstletter">{catrow.tablehead.L_FORUM} </div>
</div>
</div>
<!-- FIN TITRE CATEGORIE -->
</th>
</tr>
<!-- END tablehead -->
<!-- BEGIN forumrow -->
<tr>
<!-- DEBUT TITRE FORUM -->
<td width="70%" class="cell_tfa_des">
<div class="forum_titre">
<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}>
</div>
</td>
<!-- FIN TITRE FORUM -->
<td width="30%" class="cell_tfa_des">
</td>
</tr>
<tr>
<!-- DEBUT DESCRIPTION FORUM -->
<td width="70%">
<div class="la_tfa_description">
<div><span class="genmed">{catrow.forumrow.FORUM_DESC}</span>
</div>
<div class="modo" style="width:100%;">
<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>
</div>
</div>
</td>
<!-- FIN DESCRIPTION FORUM -->
<!-- DEBUT DERNIERS MESSAGES -->
<td width="30%" style="min-width: 160px; vertical-align: bottom;">
<div class="derniers_tfa_messages">
<!-- DEBUT ICONE NEW/NO-NEW/CLOS -->
<div class="icone_tfa_cat">
<img title="{catrow.forumrow.L_FORUM_FOLDER_ALT}" src="{catrow.forumrow.FORUM_FOLDER_IMG}" alt="{catrow.forumrow.L_FORUM_FOLDER_ALT}" />
</div>
<!-- FIN ICONE NEW/NO-NEW/CLOS -->
<span class="gensmall">{catrow.forumrow.LAST_POST}</span>
</div>
</td>
<!-- FIN DERNIERS MESSAGES -->
</tr>
<tr>
<!-- DEBUT LIENS SOUS FORUMS -->
<td width="70%" class="text-tfa_cell" align="center" valign="top">
<div class="cat_tfa_bas">
<span class="gensmall">
{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}
</span>
</div>
</td>
<!-- FIN LIENS SOUS FORUMS -->
<!-- DEBUT NOMBRES SUJETS ET MESSAGES -->
<td width="30%"align="center" valign="top">
<div class="cat_tfa_bas">
<span class="gensmall"><span class="chiffres">{catrow.forumrow.TOPICS}</span> sujets <span class="chiffres">{catrow.forumrow.POSTS}</span> messages</span>
</div>
</td>
<!-- FIN NOMBRES SUJETS ET MESSAGES -->
</tr>
<!-- END forumrow -->
<!-- BEGIN catfoot -->
<tr>
<td class="spaceRow" colspan="2" height="1"><img src="{SPACER}" alt="" height="1" width="1" /></td>
</tr>
<!-- END catfoot -->
<!-- BEGIN tablefoot -->
</table><img src="{SPACER}" alt="" height="5" width="1" /><!-- END tablefoot --><!-- END catrow -->
En vous remerciant par avance.