Sujets similaires

Y'en a un tout en bas Snipe Wink

.
Mais j'peux le rajouter plus haut au pire xD

J'ai testé ton tuto en modifiant un tout petit peu les codes. Voilà ce que j'ai obtenu: http://test-twilight-rpg.forumactif.org

Sublime tuto, très utile. Merci beaucoup !

Coucou,

Merci pour ce tutoriel très utile. Personnellement je trouve cela beaucoup plus esthétique. J'ai remanié un peu le code (changé de place) et modifié le CSS à ma guise et voici ce que j'ai réalisé : https://2img.net/r/ihimizer/img704/7240/screenshot091a.png . C'est simple mais cela convient avec le forum pour lequel c'est fait.

Un grand merci,

Hop'

Dans ce cas-là, tu aurais pu suivre l'autre tutoriel qui t'aurais éviter toutes les modifs que tu as faîtes Smile

Ça rend super bien merci !

Moi j'ai un petit problème. J'ai suivi le tuto à la lettre mais rien que le CSS de base du tuto ne se met pas... Soit je suis con soit j'ai un problème...

Cela me fait déjà le coup avec ma différence d'opacité des images sur ma PA et pourtant je suis sous Mozilla.....

Voilà ce que j'ai même avec le CSS de base : ici

Quelqu'un peut-il éclairer ma lanterne s'il vous plait ?

Pourrais-tu me donner ton template et ton css; ainsi que le forum ou est le problème ? Wink

Le forum : Inferno

Le template

Code:: <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 class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0">
<tr>
   <th colspan="{catrow.tablehead.INC_SPAN}" nowrap="nowrap" width="100%" class="secondarytitle"> {catrow.tablehead.L_FORUM} </th>
   <th nowrap="nowrap" width="150"><div style="width:150px;">{L_LASTPOST}</div></th>
</tr>


<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">
      <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">
      <h{catrow.forumrow.LEVEL} class="hierarchy">
         <span class="forumlink">
            <a class="forumlink" href="{catrow.forumrow.U_VIEWFORUM}">{catrow.forumrow.FORUM_NAME}</a><br />
         </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}
         

      </span>
   </td>
   
<td class="row3 over" align="center" valign="middle" height="50">
<span class="gensmall">
<div class="sujets_messages">Messages : {catrow.forumrow.POSTS} | Sujets : {catrow.forumrow.TOPICS}</div>
<div class="derniers_sujets">{catrow.forumrow.LAST_POST}</div></span>
</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><img src="{SPACER}" alt="" height="5" width="1" />

Mon css

Code:: body {
background-attachement: scroll;
background-image: url("http://i33.servimg.com/u/f33/15/33/82/66/1zqpkb12.png");
background-repeat: repeat;
background-position: ;}

.forumline{background-color: #FFFFFF;
background-image: url("");
-webkit-border-radius: 2px;
-moz-border-radius: 8px;
border: 2px #FFFFFF dashe;
padding: 1px;
}

.bodyline {
background-image: url("");
-webkit-border-radius: 15px;
-moz-border-radius: 8px;
border: 15px #E0E0E0 dashe;
padding: 30px;
}

td.row3,td.row1,td.row2 { background-image: url("http://i33.servimg.com/u/f33/15/33/82/66/1zqpkb11.png"); }

u{border-bottom: 1px dotted;border-color:#a9b841;text-decoration: none
}

I{border-bottom:none; color:#999999; text-decoration: none
}

.bodylinewidth {
width:60%
}

a.cattitle{
text-decoration: none;
text-align: center;
font-size: 12 px;
color : #E6C185;
text-align: center;
display:block;
font-size: small;
text-transform:uppercase;
font-family: georgia, serif;

}
a.cattitle:hover{
text-decoration: none;
text-align: center;
color : #E6C185;
text-align: center;
display:block;
font-size: medium;
font-family: georgia, serif;
cursor: crosshair;
}

a img {
border: none;
}

.forumlink{
font-weight: bold;
color : #E6C185;
text-transform:uppercase;
}
a.forumlink {
text-decoration: none;
text-align: center;
font-size: 12 px;
color : #E6C185;
text-align: center;
display:block;
font-size: small;
font-family: georgia, serif;

}
a.forumlink:hover{
text-decoration: none;
text-align: center;
color : #E6C185;
text-align: center;
display:block;
font-size: medium;
font-family: georgia, serif;
cursor: crosshair;
}
a.nav{
text-decoration: none;
color : #666666;
}
a.nav:hover{
text-decoration: none;
}
a.topictitle:visited{
text-decoration: none;
font-size: x-small;
color : #7B839;
}
a.topictitle:hover{
text-decoration: none;
color :#7B839;
font-size: small;
cursor: crosshair;
}
a.postlink:hover{
text-decoration: none;
color : #999999}

a.gen:hover,a.genmed:hover,a.gensmall:hover{
color:#999999;
text-decoration: none;
cursor: crosshair;
}
a.mainmenu{
text-decoration: none;
color : #FFFFFF;
text-transform: uppercase;
font-size: medium;
cursor: crosshair;
font-family: time new roman; serif;
text-shadow: #615858 1px 1px 1px;
}
a.mainmenu:hover{
text-decoration: none;
color : #E6C185;
font-size: medium;
font-family: time new roman; serif;
cursor: crosshair;
}
a.copyright:hover {
color: #dba1c1;
text-decoration: none;
cursor: crosshair;
}
a:link
{
text-decoration: none;
}

a:visited
{
text-decoration: none;
}

a:active
{
text-decoration: none; text-transform:uppercase; font-size: x-small;
}
a:link {text-decoration: none; }
a:hover{text-decoration: none !important; cursor: crosshair; }
a { text-decoration: none; }
a:link { text-decoration: none; }
a:hover{text-transform:uppercase; cursor: crosshair;}

.quote{
font-family: Tahoma;
font-size: 12px;
color:#999999 ;
line-height: 125%;
background-color: #999999;
border: #cfcdce;
border-style: solid;
border: 1px #a08491
dotted;
border-left-width: 1px;
border-top-width: 1px;
border-right-width: 1px;
border-bottom-width: 1px}

.code{
font-family: Courier,Courier New,sans-serif;
font-size: 11px;
color: #969696;
background-color: #E6E6E6;
border: #cfcdce;
border-style: solid;
border-left-width: 1px;
border-top-width: 1px;
border-right-width: 1px;
border-bottom-width: 1px
border: 1px #a08491
dotted;}

.postdetails.poster-profile a img {
-moz-border-radius-bottomleft:10px;
-moz-border-radius-bottomright:10px;
-moz-border-radius-topleft:10px;
-moz-border-radius-topright:10px;
border: 5px solid #F0DEC0;
}

input,textarea, select {
border-radius: 10px 10px;
-moz-border-radius: 10px;
}

/*Contour n°1 - autour de ta barre*/
.contour1 {
background-image: url("http://i33.servimg.com/u/f33/15/33/82/66/1zqpkb13.png");
background-height: 25px;
border-color: #FFFFFF;
border-style: solid;
border-width: 2px;
height:15px;
width: 550px;
-moz-border-radius: 7px ;
-webkit-border-radius: 7px;
border-radius: 7px;
}

/*Contour n°2 - autour de tes trucs*/
.contour2 {
background-image: url("http://i33.servimg.com/u/f33/15/33/82/66/1zqpkb13.png");
border-color: #FFFFFF;
border-style: solid;
height: 200px;
width: 400px;
border-width: 2px;
-moz-border-radius: 7px ;
-webkit-border-radius: 7px;
border-radius: 7px;
overflow: auto
}

/*Contour n°3 - autour de tes trucs3*/
.contour3 {
background-image: url("http://i33.servimg.com/u/f33/15/33/82/66/1zqpkb13.png");
border-color: #FFFFFF;
border-style: solid;
border-width: 2px;
height: 100px;
width: 400px;
-moz-border-radius: 7px ;
-webkit-border-radius: 7px;
border-radius: 7px;
overflow: auto
}

/*Contour n°3-bis - autour de tes trucs3*/
.contour3bis {
background-image: url("http://i33.servimg.com/u/f33/15/33/82/66/1zqpkb13.png");
border-color: #FFFFFF;
border-style: solid;
border-width: 2px;
height: 85px;
width: 400px;
-moz-border-radius: 7px ;
-webkit-border-radius: 7px;
border-radius: 7px;
overflow: auto
}

/*Contour n°4 - autour de tes trucs4*/
.contour4 {
background-image: url("http://i33.servimg.com/u/f33/15/33/82/66/1zqpkb13.png");
border-color: #FFFFFF;
border-style: solid;
border-width: 2px;
height: 82px;
width: 200px;
-moz-border-radius: 7px ;
-webkit-border-radius: 7px;
border-radius: 7px;
overflow: auto
}

/*Contour n°5 - autour de tes trucs5*/
.contour5 {
background-image: url("http://i33.servimg.com/u/f33/15/33/82/66/1zqpkb13.png");
border-color: #FFFFFF;
border-style: solid;
border-width: 2px;
height: 82px;
width: 250px;
-moz-border-radius: 7px ;
-webkit-border-radius: 7px;
border-radius: 7px;
overflow: auto
}

/*Contour n°6 - autour de tes trucs*/
.contour6 {
background-image: url("http://i33.servimg.com/u/f33/15/33/82/66/1zqpkb13.png");
border-color: #FFFFFF;
border-style: solid;
height:82px;
width: 350px;
border-width: 2px;
-moz-border-radius: 7px ;
-webkit-border-radius: 7px;
border-radius: 7px;
}

/* opacité des images de la PA/*

.blabla {
filter:alpha(opacity=50);
-moz-opacity:0.5;opacity: 0.5;
}
.blabla:hover {
filter:alpha(opacity=100);
-moz-opacity:1;opacity: 1;
}

.sujets_messages
{margin-top: 3px; /* pour faire un léger espace entre le bord et la ligne des "messages & sujets"; on évite de retirer */
padding: 3px; /* pour ne pas que le texte se colle aux bords du cadre; on évite de retirer */

/* après on peut rajouter ce qu'on veut : une bordure, une image de fond ... */
border: 1px solid #000000;
background-image: url(http://img411.imageshack.us/img411/4715/sanstitre3ex.png);}

.derniers_sujets
{margin-top: 3px; /* pour faire un léger espace entre la ligne des "messages & sujets" et "dernier message posté", sinon ça se colle et c'est laid xD; on évite de retirer */*/
padding: 3px; /* pour ne pas que le texte se colle aux bords du cadre; on évite de retirer */*/

/* après on peut rajouter ce qu'on veut : une bordure, une image de fond, un arrondi juste sur deux côtés ... */
border: 1px dashed #000000;
background-image: url("http://img411.imageshack.us/img411/4715/sanstitre3ex.png");
-moz-border-radius-topleft: 10px;
-moz-border-radius-bottomright: 10px;}

Merci de m'aider parce que comme je suis novice encore c'est la déch --"

Je pense que ce sont les commentaires qui merdouillent. J'ai eu le même problème avec une commande récemment. Essaye de remplacer le CSS par cela :

Code:: .sujets_messages
{margin-top: 3px;
padding: 3px;
border: 1px solid #000000;
background-image: url(http://img411.imageshack.us/img411/4715/sanstitre3ex.png);}

.derniers_sujets
{margin-top: 3px;
padding: 3px;
border: 1px dashed #000000;
background-image: url("http://img411.imageshack.us/img411/4715/sanstitre3ex.png");
-moz-border-radius-topleft: 10px;
-moz-border-radius-bottomright: 10px;}

Même en remplaçant j'ai toujours la même chose... =/ ça ne viendrait pas du template ?

Apparemment c'était ton template =/
Je pense que tu as du oublier un truc en faisant le tuto. J'ignore si c'est cela qui a fait planter la mise en force du CSS, mais il manquait un bout de code dans ton template :

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

Voilà donc le bon :

Code:: <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 class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0">
<tr>
   <th colspan="{catrow.tablehead.INC_SPAN}" nowrap="nowrap" width="100%" class="secondarytitle"> {catrow.tablehead.L_FORUM} </th>
   <th nowrap="nowrap" width="150"><div style="width:150px;">{L_LASTPOST}</div></th>
</tr>


<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">
      <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">
      <h{catrow.forumrow.LEVEL} class="hierarchy">
         <span class="forumlink">
            <a class="forumlink" href="{catrow.forumrow.U_VIEWFORUM}">{catrow.forumrow.FORUM_NAME}</a><br />
         </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>
   </td>
   
   <td class="row3 over" align="center" valign="middle" height="50">
   <span class="gensmall">
   <div class="sujets_messages">Messages : {catrow.forumrow.POSTS} | Sujets : {catrow.forumrow.TOPICS}</div>
   <div class="derniers_sujets">{catrow.forumrow.LAST_POST}</div></span>
   </td>
   
   
   <td class="row3" colspan="3" align="center" valign="middle" height="50"><span class="gensmall">{catrow.forumrow.forum_link.HIT_COUNT}</span></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><img src="{SPACER}" alt="" height="5" width="1" />

Normalement ça devrait marcher Wink

C'est toujours pas bon..... >_<

Mince alors quoi.... Bon c'est pas grave apparemment j'ai un gros bug et ça veut pas marcher. Je te remercie quand même pour ton aide, je vais tout simplement remettre comme avant, avec juste le dernier sujet dans la colonne et en ayant supprimé les "messages" et "sujets".

Merci encore Very Happy

Je viens de voir que tu avais pas mal de défauts dans ton CSS ; des balises mal fermées (sans le Wink

ou des problèmes de syntaxe .. J'ai corrigé ce que j'ai vu qui gênait, et je pense qu'à présent le tuto marchera =)

Code:: body
{background-attachment: scroll;
background-image: url(http://i33.servimg.com/u/f33/15/33/82/66/1zqpkb12.png);
background-repeat: repeat;
background-position: ;}

.forumline
{background-color: #FFFFFF;
-webkit-border-radius: 2px;
-moz-border-radius: 8px;
border: 2px #FFFFFF dashe;
padding: 1px;}

.bodyline
{-webkit-border-radius: 15px;
-moz-border-radius: 8px;
border: 15px #E0E0E0 dashed;
padding: 30px;}

td.row3,td.row1,td.row2 {background-image: url(http://i33.servimg.com/u/f33/15/33/82/66/1zqpkb11.png);}

u
{border-bottom: 1px dotted #a9b841;
text-decoration: none}

I
{border-bottom:none;
color:#999999;
text-decoration: none}

.bodylinewidth
{width:60%}

a.cattitle
{ text-decoration: none;
text-align: center;
font-size: 12 px;
color : #E6C185;
text-align: center;
display:block;
font-size: small;
text-transform:uppercase;
font-family: georgia, serif;}

a.cattitle:hover
{text-decoration: none;
text-align: center;
color : #E6C185;
text-align: center;
display:block;
font-size: medium;
font-family: georgia, serif;
cursor: crosshair;}

a img {border: none;}

.forumlink
{ font-weight: bold;
color : #E6C185;
text-transform:uppercase;}

a.forumlink
{ text-decoration: none;
text-align: center;
font-size: 12 px;
color : #E6C185;
text-align: center;
display:block;
font-size: small;
font-family: georgia, serif;}

a.forumlink:hover
{text-decoration: none;
text-align: center;
color : #E6C185;
text-align: center;
display:block;
font-size: medium;
font-family: georgia;
cursor: crosshair;}

a.nav
{text-decoration: none;
color : #666666;}

a.nav:hover{text-decoration: none;}

a.topictitle:visited
{text-decoration: none;
font-size: x-small;
color : #7B839;}

a.topictitle:hover
{text-decoration: none;
color :#7B839;
font-size: small;
cursor: crosshair;}

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

a.gen:hover,a.genmed:hover,a.gensmall:hover
{color:#999999;
text-decoration: none;
cursor: crosshair;}

a.mainmenu
{text-decoration: none;
color : #FFFFFF;
text-transform: uppercase;
font-size: medium;
cursor: crosshair;
font-family: time new roman;
text-shadow: #615858 1px 1px 1px;}

a.mainmenu:hover
{text-decoration: none;
color : #E6C185;
font-size: medium;
font-family: time new roman, serif;
cursor: crosshair;}

a.copyright:hover
{color: #dba1c1;
text-decoration: none;
cursor: crosshair;}

a:link{text-decoration: none;}
a:visited{text-decoration: none;}
a:active {text-decoration: none; text-transform:uppercase; font-size: x-small;}
a:hover{text-decoration: none !important; cursor: crosshair;}
a {text-decoration: none;}
a:hover{text-transform:uppercase; cursor: crosshair;}

.quote
{font-family: Tahoma;
font-size: 12px;
color:#999999 ;
line-height: 125%;
background-color: #999999;
border: #cfcdce;
border-style: solid;
border: 1px #a08491 dotted;
border-left-width: 1px;
border-top-width: 1px;
border-right-width: 1px;
border-bottom-width: 1px}

.code
{font-family: Courier,Courier New,sans-serif;
font-size: 11px;
color: #969696;
background-color: #E6E6E6;
border: #cfcdce;
border-style: solid;
border-left-width: 1px;
border-top-width: 1px;
border-right-width: 1px;
border-bottom-width: 1px
border: 1px #a08491 dotted;}

.postdetails.poster-profile a img
{-moz-border-radius-bottomleft:10px;
-moz-border-radius-bottomright:10px;
-moz-border-radius-topleft:10px;
-moz-border-radius-topright:10px;
border: 5px solid #F0DEC0;}

input,textarea, select
{border-radius: 10px 10px;
-moz-border-radius: 10px;}

/*Contour n°1 - autour de ta barre*/
.contour1
{background-image: url(http://i33.servimg.com/u/f33/15/33/82/66/1zqpkb13.png);
height: 25px;
border-color: #FFFFFF;
border-style: solid;
border-width: 2px;
height:15px;
width: 550px;
-moz-border-radius: 7px;
-webkit-border-radius: 7px;
border-radius: 7px;}

/*Contour n°2 - autour de tes trucs*/
.contour2
{background-image: url(http://i33.servimg.com/u/f33/15/33/82/66/1zqpkb13.png);
border: 2px solid #FFFFFF;
height: 200px;
width: 400px;
-moz-border-radius: 7px ;
-webkit-border-radius: 7px;
overflow: auto;}

/*Contour n°3 - autour de tes trucs3*/
.contour3
{background-image: url(http://i33.servimg.com/u/f33/15/33/82/66/1zqpkb13.png);
border: 2px solid #FFFFFF;
height: 100px;
width: 400px;
-moz-border-radius: 7px ;
-webkit-border-radius: 7px;
overflow: auto;}

/*Contour n°3-bis - autour de tes trucs3*/
.contour3bis
{background-image: url(http://i33.servimg.com/u/f33/15/33/82/66/1zqpkb13.png);
border: 2px solid #FFFFFF;
height: 85px;
width: 400px;
-moz-border-radius: 7px ;
-webkit-border-radius: 7px;
overflow: auto;}

/*Contour n°4 - autour de tes trucs4*/
.contour4
{background-image: url(http://i33.servimg.com/u/f33/15/33/82/66/1zqpkb13.png);
border: 2px solid #FFFFFF;
height: 82px;
width: 200px;
-moz-border-radius: 7px ;
-webkit-border-radius: 7px;
overflow: auto;}

/*Contour n°5 - autour de tes trucs5*/
.contour5
{background-image: url(http://i33.servimg.com/u/f33/15/33/82/66/1zqpkb13.png);
border: 2px solid #FFFFFF;
height: 82px;
width: 250px;
-moz-border-radius: 7px ;
-webkit-border-radius: 7px;
overflow: auto;}

/*Contour n°6 - autour de tes trucs*/
.contour6
{background-image: url(http://i33.servimg.com/u/f33/15/33/82/66/1zqpkb13.png);
border: 2px solid #FFFFFF;
height:82px;
width: 350px;
-moz-border-radius: 7px ;
-webkit-border-radius: 7px;}

/* opacité des images de la PA */
.blabla
{filter:alpha(opacity=50);
-moz-opacity:0.5;opacity: 0.5;}

.blabla:hover
{filter:alpha(opacity=100);
-moz-opacity:1;opacity: 1;}

.sujets_messages
{margin-top: 3px;
padding: 3px;
border: 1px solid #000000;
background-image: url(http://img411.imageshack.us/img411/4715/sanstitre3ex.png);}

.derniers_sujets
{margin-top: 3px;
padding: 3px;
border: 1px dashed #000000;
background-image: url("http://img411.imageshack.us/img411/4715/sanstitre3ex.png");
-moz-border-radius-topleft: 10px;
-moz-border-radius-bottomright: 10px;}

Oooooooooh ! Merciiiiiiiiiiiiii ! *hug* ♥♥♥ Effectivement, comme quoi je suis grave novice. xD (faut dire que j'ai commencé y'a 2 semaines u_u) !

Franchement, je te remercie, tu me sauves la vie ! ♥♥ ♥w♥

moi, c'est la première fois de ma vie que je modifie les templates d'un forum. Je peux donc dire que je suis hyper-débutante. aussi, quand j'ai essayée de mettre tes codes HTML, tout s'est bien passé. seulement, il y a un truc sans aucun rapport qui est apparu sur la page d'accueil, juste au-dessus de la première catégorie. (le reste est conforme à ce que tu as eu comme résultat sans le CSS)
ça ressemble à:

12 & 7
3 & 3
0 & 0
2 & 2
0 & 0
je suis sûre à 100% que ce n'est pas normal. Et je n'ai aucune idée de comment le régler.
voici mon template:

Spoiler:

Code:: <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 class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0">
<tr>
   <th colspan="{catrow.tablehead.INC_SPAN}" nowrap="nowrap" width="100%" class="secondarytitle"> {catrow.tablehead.L_FORUM} </th>
         <th nowrap="nowrap" width="150"><div style="width:150px;">{L_LASTPOST}</div></th>
</tr>


<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">
      <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">
      <h{catrow.forumrow.LEVEL} class="hierarchy">
         <span class="forumlink">
            <a class="forumlink" href="{catrow.forumrow.U_VIEWFORUM}">{catrow.forumrow.FORUM_NAME}</a><br />
         </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>
   </td>
{catrow.forumrow.POSTS} & {catrow.forumrow.TOPICS}

<td class="row3 over" align="center" valign="middle" height="50">
<span class="gensmall">
<div class="sujets_messages">Messages : {catrow.forumrow.POSTS} | Sujets : {catrow.forumrow.TOPICS}</div>
<div class="derniers_sujets">{catrow.forumrow.LAST_POST}</div></span>
</td>


   
   <td class="row3" colspan="3" align="center" valign="middle" height="50"><span class="gensmall">{catrow.forumrow.forum_link.HIT_COUNT}</span></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><img src="{SPACER}" alt="" height="5" width="1" />

Bonjour~

Est-il possible d'avoir un aperçu, parce que je ne comprends pas vraiment le problème ._. genre qu'est-ce qui est apparu sur la page d'accueil?

...je ne sais pas comment faire pour prendre en image la partie en question dans la page d'accueil et de la poster ici, mais je ne sais pas si j'ai le droit de donner l'adresse...(l'habitude des forums rpg)

Vas-y, donne Wink

*cours 101 desu*

Pour prendre en image la partie en question, il faut appuyer sur la touche sur la touche "PrScrn" ou "ImprEcran" juste à côté de F12. Puis, tu colles (ctrl+v) l'image sur Paint, Photofiltre, Photoshop, etc, tu coupes la partie que tu veux (si tu veux) et tu l'héberges x)

*/cours 101*

donc je peux te donner le lien, c'est ça? =) >>ICI

Merci du tuto, c'est simple à réaliser et le résultat est appréciable. Merci 8D

J'ai testé le tuto pour mon forum, il est super! Bien organisé, aéré, facile a comprendre, agréable a lire, bref... Merci! Very Happy

Bonjour,
merci pour ce tuto..
serai t'il possible de remplacer "Derniers Messages" par d'autes mots ?

je parle de ici : ( la fleche rose)

"Messages & sujets" indiqués au-dessus du dernier message Screen11

merci pour vôtre aide "Messages & sujets" indiqués au-dessus du dernier message Icon_biggrin

Bonsoir,

j'ai tout suivi et j'ai un problème -_-'
Quand je fais un aperçu avant de publier mon template, je vois correctement

Spoiler:

Mais dès que je publie, ça me remet l'affichage d'avant

Spoiler:

J'ai du oublier de changer quelque chose mais je ne sais pas quoi ><

Bonsoir,
il ne faut jamais prévisualiser le template ..toujours le publier sans regarder avant.. "Messages & sujets" indiqués au-dessus du dernier message Icon_biggrin

"Messages & sujets" indiqués au-dessus du dernier message

"Messages & sujets" indiqués au-dessus du dernier message

Sujets similaires

Sujets similaires

Partenaires Or