CSSActif, le forum, n'est plus maintenu. Il est néanmoins disponible pour consultation. Pour des outils pratiques, rendez-vous sur: Découvrez CSSActif, une collection d'outils et de tutoriels interactifs pour les développeurs Web — HTML, CSS, JavaScript et bien plus! |
| "Messages & Sujets" indiqués au dessus de "Derniers message" - Problème | |
| Obssesion
{ Membre }
Messages : 10
| Bonjour ! =) Voila, en suivant un deux ou trois tutoriels, j'ai modifié mon template index_box. J'ai suivi le tutoriel pour faire cet effet (schématisé, sa rend mieux avec un peu d'ésthétisme ^^): - Spoiler:
Sauf que moi, sa m'a donné sa x) - Spoiler:
La mention "1 sujet | 1 message" et la mention "dernier sujet" est toute petite, et ne ressemble pas a ce qui est dit dans ce tutoriel: "Messages & sujets" indiqués au dessus du "dernier message posté". Je sais pas si j'explique bien x) On dirait que ces mentions ne sont plus délimitées dans un "tableau"... Sinon, voir l'exemple dans le turoriel. Voici mon template index_box et mon css: - Spoiler:
- 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%" border="0" cellspacing="1" cellpadding="0"> <tr><div style="background-image : url(http://img11.hostingpics.net/pics/560335categoz_2.jpg) ; background-repeat : no-repeat ; width : 400px ; height : 50px"><div class="catégoz">{catrow.tablehead.L_FORUM}</div></div> </tr> <!-- END tablehead --> <!-- BEGIN cathead --> <tr> <!-- BEGIN inc --> <td class="{catrow.cathead.inc.INC_CLASS}" width="46"><img src="{SPACER}" height="0" width="46" /></td> <!-- END inc --> <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> <!-- END cathead --> <!-- BEGIN forumrow --> <tr> <!-- BEGIN inc --> <td class="{catrow.forumrow.inc.INC_CLASS}" width="46"><img src="{SPACER}" height="0" width="46" alt="." /></td> <!-- END inc --> <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"> <!-- BEGIN switch_moderators_links --> {catrow.forumrow.switch_moderators_links.L_MODERATOR}{catrow.forumrow.switch_moderators_links.MODERATORS} <!-- END switch_moderators_links --> {catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS} </span> </td> <!-- BEGIN forum_link_no --> <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> <!-- END forum_link_no --> <!-- BEGIN forum_link --> <td class="row3" colspan="3" align="center" valign="middle" height="50"><span class="gensmall">{catrow.forumrow.forum_link.HIT_COUNT}</span></td> <!-- END forum_link --> </tr> <!-- END forumrow --> <!-- BEGIN catfoot --> <tr> <!-- BEGIN inc --> <td class="{catrow.catfoot.inc.INC_CLASS}" width="46"><img src="{SPACER}" height="0" width="46" /></td> <!-- END inc --> <td class="spaceRow" colspan="{catrow.catfoot.INC_SPAN}" 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 -->
Mon CSS - Spoiler:
- Code:
-
.forumline{ -moz-border-radius:15px; border : solid 7px #E4CEA9 ; } .bodyline{ -moz-border-radius:15px; border : solid 10px #E4CEA9 ; }
tr.post td {padding-left: 20px;}
.sujets_messages {margin-top: 3px; padding: 3px; -moz-border-radius : 5px 5px 0px 0px; background-color: #E4CEA9;}
.derniers_sujets {margin-top: 3px; padding: 3px -moz-border-radius-topleft: 10px; -moz-border-radius-bottomright: 10px; -moz-border-radius-topright: 10px; -moz-border-radius-bottomleft: 10px; background-color: #E4CEA9;}
.code { background-color: #FBF5E9; border:5px #F5E2BC solid; -border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; color: #DBBF91; }
.quote { background-color: #FBF5E9; border:5px #F5E2BC solid; -border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; }
.spoiler_closed{ background-color: #FBF5E9; border:5px #F5E2BC solid; -border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; color: #DBBF91; }
.spoiler_content{ background-color: #FBF5E9; border:5px #F5E2BC solid; -border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; color: #DBBF91; }
textarea { -moz-border-radius: 7px; -webkit-border-radius: 7px; border-radius: 7px; }
.liteoption { -moz-border-radius: 7px; -webkit-border-radius: 7px; border-radius: 7px; }
.mainoption { -moz-border-radius: 7px; -webkit-border-radius: 7px; border-radius: 7px; }
.tableauqueel{ -moz-border-radius : 10px 10px 10px 10px}
a.mainmenu { text-transform: uppercase; color : #814D28; text-shadow: white 0px 0px 5px ; font-size: 12px; font-family: Georgia; -moz-border-radius : 5px 5px 5px 5px; }
a.mainmenu:hover{ text-transform: uppercase; color : #814D28; font-size: 12px; font-family: Georgia; background-color: white; -moz-border-radius : 5px 5px 5px 5px; }
u { text-decoration: none; border-bottom: 2px #E4CEA9 solid; -moz-border-radius: 6px; }
a {text-decoration: none!important;} a:link {text-decoration: none!important;} a:hover {text-decoration: none!important;} a.forumlink {text-decoration: none!important;} a.forumlink:hover {text-decoration: none!important;} a.topiclink {text-decoration: none!important; } a.topiclink:hover {text-decoration: none!important; }
.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 #E6D1AC; }
a.forumlink:link, a.forumlink:visited { border-bottom: 10px solid #F5E2BC; display: block; -moz-border-radius:10px; text-transform: none; text-align: center; }
a.forumlink:hover, a.forumlink:hover:visited { background-image: url("http://img7.hostingpics.net/pics/453237background.jpg"); border-bottom: 10px solid #F5E2BC; display: block; -moz-border-radius:10px; text-transform: none; text-align: center; }
.upbottom { position: fixed; bottom : 0px ; margin-left : 85% }
.catégoz { text-align : center ; position : relative ; top : 23px ; text-transform : uppercase ; text-shadow : 0px 0px 2px #E1C99F ; }
Merci d'avance ! =) | | |
| | | Kimy
{ Membre actif }
Messages : 1190
| Voilà miss - 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%" border="1" cellspacing="1" cellpadding="0"> <tr><div style="background-image : url(http://img11.hostingpics.net/pics/560335categoz_2.jpg) ; background-repeat : no-repeat ; width : 400px ; height : 50px"><div class="catégoz">{catrow.tablehead.L_FORUM}</div></div> </tr> <!-- END tablehead --> <!-- BEGIN cathead --> <tr> <!-- BEGIN inc --> <td class="{catrow.cathead.inc.INC_CLASS}" width="46"><img src="{SPACER}" height="0" width="46" /></td> <!-- END inc --> <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> <!-- END cathead --> <!-- BEGIN forumrow --> <tr> <!-- BEGIN inc --> <td class="{catrow.forumrow.inc.INC_CLASS}" width="46"><img src="{SPACER}" height="0" width="46" alt="." /></td> <!-- END inc --> <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="80%" 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"> <!-- BEGIN switch_moderators_links --> {catrow.forumrow.switch_moderators_links.L_MODERATOR}{catrow.forumrow.switch_moderators_links.MODERATORS} <!-- END switch_moderators_links --> {catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS} </span> </td> <!-- BEGIN forum_link_no --> <td width="20%" 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> <!-- END forum_link_no --> <!-- BEGIN forum_link --> <td class="row3" colspan="3" align="center" valign="middle" height="50"><span class="gensmall">{catrow.forumrow.forum_link.HIT_COUNT}</span></td> <!-- END forum_link --> </tr> <!-- END forumrow --> <!-- BEGIN catfoot --> <tr> <!-- BEGIN inc --> <td class="{catrow.catfoot.inc.INC_CLASS}" width="46"><img src="{SPACER}" height="0" width="46" /></td> <!-- END inc --> <td class="spaceRow" colspan="{catrow.catfoot.INC_SPAN}" 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 --> Alors je t'explique. Il faut juste que tu joues avec la largeur de tes cellules ici pour la description : - Code:
-
<td class="row1 over" colspan="{catrow.forumrow.INC_SPAN}" valign="top" width="80%" height="50"> <h{catrow.forumrow.LEVEL} class="hierarchy"> et ici pour les derniers messages & co - Code:
-
<td width="20%" class="row3 over" align="center" valign="middle" height="50"> <span class="gensmall"> <div class="sujets_messages">Messages : {catrow.forumrow.POSTS} | Sujets : | | |
| | | Obssesion
{ Membre }
Messages : 10
| Han super ca marche merci !! <3 Par contre, mes bordures sont en biseau Oo | | |
| | | Kimy
{ Membre actif }
Messages : 1190
| Oops pardon. J'avais juste mis les bordures du tableau apparentes ^^" Tiens : - 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%" border="0" cellspacing="1" cellpadding="0"> <tr><div style="background-image : url(http://img11.hostingpics.net/pics/560335categoz_2.jpg) ; background-repeat : no-repeat ; width : 400px ; height : 50px"><div class="catégoz">{catrow.tablehead.L_FORUM}</div></div> </tr> <!-- END tablehead --> <!-- BEGIN cathead --> <tr> <!-- BEGIN inc --> <td class="{catrow.cathead.inc.INC_CLASS}" width="46"><img src="{SPACER}" height="0" width="46" /></td> <!-- END inc --> <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> <!-- END cathead --> <!-- BEGIN forumrow --> <tr> <!-- BEGIN inc --> <td class="{catrow.forumrow.inc.INC_CLASS}" width="46"><img src="{SPACER}" height="0" width="46" alt="." /></td> <!-- END inc --> <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="80%" 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"> <!-- BEGIN switch_moderators_links --> {catrow.forumrow.switch_moderators_links.L_MODERATOR}{catrow.forumrow.switch_moderators_links.MODERATORS} <!-- END switch_moderators_links --> {catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS} </span> </td> <!-- BEGIN forum_link_no --> <td width="20%" 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> <!-- END forum_link_no --> <!-- BEGIN forum_link --> <td class="row3" colspan="3" align="center" valign="middle" height="50"><span class="gensmall">{catrow.forumrow.forum_link.HIT_COUNT}</span></td> <!-- END forum_link --> </tr> <!-- END forumrow --> <!-- BEGIN catfoot --> <tr> <!-- BEGIN inc --> <td class="{catrow.catfoot.inc.INC_CLASS}" width="46"><img src="{SPACER}" height="0" width="46" /></td> <!-- END inc --> <td class="spaceRow" colspan="{catrow.catfoot.INC_SPAN}" 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 --> | | |
| | | Obssesion
{ Membre }
Messages : 10
| Merci beaucoup, sa marche parfaitement !! | | |
| | | Kimy
{ Membre actif }
Messages : 1190
| Avec plaisir ^^ Je classe! | | |
| | | Contenu sponsorisé
| | | | | "Messages & Sujets" indiqués au dessus de "Derniers message" - Problème | |
|
Sujets similaires | |
|
| Permission de ce forum: | Vous ne pouvez pas répondre aux sujets dans ce forum
| |
| |
| |
|
| Partenaires Or
|
|