Tout d’abord bonjour,
Alors je viens à vous en espérant que vous serez dans la capacité à régler mon problème. Je ne saurais si celle-ci à déjà été poser, et si le cas, je m’en excuse d’avance. Mon problème se trouve alors sur mon forum de test : http://kiowa-sokio.keuf.net/index.htm
Alors je me lance. Depuis ce matin je travail à mon forum de test pour modifier le rendu visuelle de celui-ci et j’ai donc décidé de faire afficher mes catégories dans des onglets. Chose n’étant pas bien compliquer vu les tutoriaux à ma disposition sur le forum. Mais voilà que je remarque un peu plus tard que les catégories se modifie parfaitement, mais lorsque je vais dans un sous forum, le tableau ou se trouve les « topics » ne s’intègre pas à la mise en page que j’aurais aimé. Voici ce qu’il fait :
- Spoiler:
J’aimerais pouvoir l’intégré dans le reste de mon « tableau » et lui appliquer la même forme et tout. Puis diviser les les catégories des messages par une ligne. Enfin me débarrasser des barres noires, et des contours tout le tralala inutile pour tout intégré le reste au premier block.
- Spoiler:
Donc j’ai modifié quelques templates ainsi que la page css : mais voici le templates qui se raccorde au problème soit le Index_box
Les templates
- 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}
{CURRENT_TIME}
</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>
<a class="gensmall" href="{U_SEARCH_SELF}">{L_SEARCH_SELF}</a>
<!-- END switch_user_logged_in -->
<a class="gensmall" href="{U_SEARCH_UNANSWERED}">{L_SEARCH_UNANSWERED}</a>
</td>
</tr>
</table>
<div class="my_cat"> <ul></ul> </div>
<div class="my_cat_body">
<!-- BEGIN catrow --><!-- BEGIN tablehead -->
<table class="my_modified_table" width="100%" border="0" cellspacing="1" cellpadding="0">
<div class="my_forum_name">{catrow.tablehead.L_FORUM}</div>
<!-- END tablehead -->
<!-- BEGIN forumrow -->
<tr>
<td colspan="3" class="my_title" align="center"><div class="myfoo_title"><a href="{catrow.forumrow.U_VIEWFORUM}">{catrow.forumrow.FORUM_NAME}</a></div><img src="{SPACER}" alt="" height="5" width="1" /></td>
</tr>
<tr>
<td class="my_img" valign="top"><img src="{catrow.forumrow.FORUM_FOLDER_IMG}" alt="" /></td>
<td class="my_disc" width="300" valign="top" >{catrow.forumrow.FORUM_DESC}</td>
<td class="my_stats" width="200" valign="top">
Topics: {catrow.forumrow.TOPICS}
Posts: {catrow.forumrow.POSTS}
Dernier post: {catrow.forumrow.LAST_POST}
</td>
</tr>
<!-- END forumrow -->
<!-- BEGIN tablefoot -->
</table><img src="{SPACER}" alt="" height="5" width="1" /><!-- END tablefoot --><!-- END catrow -->
</div>
Et le CSS
- Code:
-
body {
background-repeat: no repeat;
background-position: top center;
}
.postbody {
background-repeat: repeat;
background-image: url(http://img403.imageshack.us/img403/8149/fondficherb.png);
background-position: center;
}
.navi {
background-color: #786151; /*FOND*/
border: 1px solid #BFB196;
text-shadow: 0px 0px 3px #000000; /*OMBRAGE*/
padding: 3px; /*ESPACER DES BORDS*/
-moz-border-radius: 5px; /*ARRONDIR LES COINS*/
}
.vignettes {
-moz-border-radius:7px;
background-color: #ffffff;
padding-right:10px;
padding-left:10px;
padding-bottom: 3px;
padding-top:3px;
}
td.row1 {
background-repeat: repeat;
background-image: url(http://img403.imageshack.us/img403/8149/fondficherb.png);
background-position: center;
}
td.row2 {
background-repeat: repeat;
background-image: url(http://img403.imageshack.us/img403/8149/fondficherb.png);
background-position: center;
}
td.row3 {
background-repeat: repeat;
background-image: url(http://img403.imageshack.us/img403/8149/fondficherb.png);
background-position: center;
}
td.row3Right {
background-repeat: repeat;
background-image: url(http://img403.imageshack.us/img403/8149/fondficherb.png);
background-position: center;
}
a {
text-decoration: none !important;
}
a:hover {
text-decoration: none !important;
}
.statistiques{
border:0px;
background-image: url("LIEN IMAGE DU HAUT");
background-repeat: no-repeat;
background-position: center;
height:270px;
}
.groupes{
background-color:#786151;
border: 1px #BFB196 dotted;
-moz-border-radius : 5px 5px 5px 5px;
height:40px;
padding-right:12px;
padding-left:14px;
padding-bottom:3px;
font-size:15px;
font-weight: bold;
text-align:center;
}
.my_modified_table{
width: 96%;
margin-left: 2%;
margin-right: 2%;
margin-top: 5px !important;
font-family: Verdana;
background-color:#786151;
}
.my_forum_name{
color:#fff;
display:none;
}
.myfoo_title{
text-align:center;
width: 350px;
-moz-border-radius: 6px;
display: block;
-moz-border-radius:10px;
text-decoration: none !important;
}
.my_img{
width: 10%;
margin-left: 50px;
}
.my_disc{
width: 70%;
text-align:center;
font-size:11px;
}
.my_stats{
width: 20%;
text-align:center;
font-size:11px;
}
.my_title{
text-align:center;
font-size: 14px;
font-family: Arial;
text-decoration: none !important;
}
.my_cat_body{
border: 1px solid #BFB196;
-moz-border-radius: 3px;
background-color:#786151;
}
.my_cat ul{
margin:0;
padding: 0;
width: 800px !important;
}
.my_cat li{
margin-left: 2px;
}
.my_cat_style{
border-top: 1px #BFB196 solid;
border-left: 1px #BFB196 solid;
border-right: 1px #BFB196 solid;
-moz-border-radius-topleft: 6px;
-moz-border-radius-topright: 6px;
text-align:center;
font-size: 11px;
padding-left:10px;
padding-right:10px;
display:inline;
background-color:#786151;
width: 200px;
font-family: Arial;
font-weight: bold;
}
.my_cat a{
color: #BFB196;
text-shadow: 0px 0px 3px #000000; /*OMBRAGE*/
}
J’espère que vous saurez m’Aider et que j’ai été suffisamment explicite. MERCI