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! |
| |
Murtagh
{ Modérateur }
Messages : 1492
| Bonjour, Les " UP ou Douple-Post" ne sont pas autorisés dans cette section. Voici un extrait du règlement: - Citation :
- L'action de remonter un sujet («Up») est prohibée, nos codeurs font leur maximum pour apporter rapidement solution à votre problème, inutile de marquer votre impatience. De même, tout propos pouvant suggérer l'empressement ou l'impatience est défendu. Ceci dans votre intérêt: nous sommes peu enclin à répondre à une personne qui fait preuve d'une telle impolitesse. Ce règlement (datée du 28 juin 2010) prévaut sur tout autre clause contraire ailleurs sur le forum, excepté pour les commandes qui requiert une actualisation pour éviter le délestage automatique. Dans ce cas précis, merci de faire une phrase complète, pas un simple «Up»
Même pour fournir des précisions, la fonction "éditer" existe et ce n'est pas pour rien. Merci d'y faire attention à l'avenir et de respecter les règles de l'entraide. | | |
| | | Ketsuka
{ Membre }
Messages : 74
| Coucou! =) J'ai des idées pour ton Problème n°3 ! Il est toujours d'actualité? ^^ | | |
| | | Paparazziie
{ Membre }
Messages : 79
| Oui | | |
| | | Ketsuka
{ Membre }
Messages : 74
| Tu aurais pu faire une réponse plus constructive qui aurait pu m'aider. En plaçant ta Templates et ton CSS par exemple ^^"
Bon... On va dire que tu n'as pas l'aire très motivé. En comptant que tu n'as pas fait de modification de la Templates : Index Box
Tu vas la remplacer par ce code : - 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> <th colspan="{catrow.tablehead.INC_SPAN}" nowrap="nowrap" width="100%" class="secondarytitle"> {catrow.tablehead.L_FORUM} </th> <th nowrap="nowrap" width="50">{L_TOPICS}</th> <th nowrap="nowrap" width="50">{L_POSTS}</th> <th nowrap="nowrap" width="150"><div style="width:150px;">{L_LASTPOST}</div></th> </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}> <div class="description"><span class="genmed">{catrow.forumrow.FORUM_DESC}</span> <span class="gensmall"> {catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS} <!-- BEGIN switch_moderators_links --> {catrow.forumrow.switch_moderators_links.L_MODERATOR}{catrow.forumrow.switch_moderators_links.MODERATORS} <!-- END switch_moderators_links --> </div></span> </td> <!-- BEGIN forum_link_no --> <td class="row3" align="center" valign="middle" height="50"> <span class="gensmall">{catrow.forumrow.TOPICS}</span> </td> <td class="row2" align="center" valign="middle" height="50"> <span class="gensmall">{catrow.forumrow.POSTS}</span> </td> <td class="row3 over" align="center" valign="middle" height="50"> <span class="gensmall">{catrow.forumrow.LAST_POST}</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 --> Enfin, tu installe ton CSS .description {border: 1px solid #000000;} | | |
| | | Paparazziie
{ Membre }
Messages : 79
| Merci d'avoir répondu. En fait, si j'ai déja modifié mon template que voici : - 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> <!-- BEGIN catrow --><!-- BEGIN tablehead --><div class="titre_categorie">{catrow.tablehead.L_FORUM}</div><table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0"> <tr> </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"> <div class="newsoldxxx"><img title="{catrow.forumrow.L_FORUM_FOLDER_ALT}" src="{catrow.forumrow.FORUM_FOLDER_IMG}" alt="{catrow.forumrow.L_FORUM_FOLDER_ALT}" /></div> </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>
</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 --> Et voici mon css : - Code:
-
/*arrondi réponse rapide et boutons*/
input, select { color : #647fad; font: normal 11px Verdana; -moz-border-radius: 10px 10px 10px 10px ; border-bottom: 2px #BE544E solid; border-top: 2px #BE544E solid; border-right: 2px #BE544E solid; border-left: 2px #BE544E solid; background-color: #F7E9CF;
}
textarea, select { color : #647fad; font: normal 11px Verdana; -moz-border-radius: 10px 10px 10px 10px ; border-bottom: 2px #BE544E solid; border-top: 2px #BE544E solid; border-right: 2px #BE544E solid; border-left: 2px #BE544E solid; background-color: #F7E9CF; }
/*décoration spoiler code et citations*/
.code{ -moz-border-radius: 10px 10px 10px 10px ; border-bottom: 2px #BE544E solid; border-top: 2px #BE544E solid; border-right: 2px #BE544E solid; border-left: 2px #BE544E solid; background-color: #F7E9CF; padding: 10px; }
.quote { -moz-border-radius: 10px 10px 10px 10px ; border-bottom: 2px #BE544E solid; border-top: 2px #BE544E solid; border-right: 2px #BE544E solid; border-left: 2px #BE544E solid; background-color: #F7E9CF; padding: 10px; }
.spoiler_closed{ -moz-border-radius: 10px 10px 10px 10px ; border-bottom: 2px #BE544E solid; border-top: 2px #BE544E solid; border-right: 2px #BE544E solid; border-left: 2px #BE544E solid; background-color: #F7E9CF; padding: 10px; }
.spoiler_content{ -moz-border-radius: 10px 10px 10px 10px ; border-bottom: 2px #BE544E solid; border-top:2px #BE544E solid; border-right: 2px #BE544E solid; border-left: 2px #BE544E solid; background-color: #F7E9CF; padding: 10px; }
/*header centré*/
body { background-image: url('http://img574.imageshack.us/img574/5552/designdesignparadise1fr.png'); background-position: top center; background-repeat: no-repeat; margin : 0px; }
/*qeel*/
.qeel_contour {-moz-border-radius: 10px 10px 10px 10px ; border-bottom: 2px #BE544E solid; border-top:2px #BE544E solid; border-right: 2px #BE544E solid; border-left: 2px #BE544E solid; background-color: #F7E9CF; -webkit-border-radius: 10px; padding: 4px; text-align: center; margin-bottom: 5px;}
#qeel td.row1 {background: none;}
body { background-repeat: no-repeat; background-position: none; }
body {background-position: top center; }
/*CONTRE LES EDITIONS*/ tr.post span.gensmall { display: none; }
.postbody { display: block; padding-left: 10px; text-align:justify; }
/* plus de soulignement sous les lien */ a:hover { text-decoration: none !important; }
/*avatar centré*/ .postdetails.poster-profile a img { margin: auto; display: block; margin-bottom: -10px; }
/*Titre catégorie*/
.titre_categorie { background: #BE544E; /*fond*/ -moz-border-radius-topleft: 50px; /*arrondi angle gauche*/ -moz-border-radius-topright: 50px; /*arrondi angle droit*/ -webkit-border-radius-top-left: 50px; /*arrondi angle gauche*/ -webkit-border-radius-top-right: 50px; /*arrondi angle droit*/ margin-top: 10px; /*ne pas modifier*/ margin-bottom: -00px; /*a modifier selon vos goûts*/ text-align: center; /*alignement du texte*/ height: auto; /*hauteur à modifier selon vos goûts*/ width: 400px; /*largeur à modifier selon vos goûts*/ margin-left: 20px; /*pour déplacer la position des titres des catégories*/ padding-top: 1px !important; /*espace entre la bordure et le texte*/ padding-bottom: 1px !important; /*espace entre la bordure et le texte*/ -moz-text-shadow: 2px 2px 2px #D5C37B; /*ombre sur le texte*/ -webkit-text-shadow: 2px 2px 2px #A0444F; /*ombre sur le texte*/ text-shadow: 2px 2px 2px #C35D69; /*ombre sur le texte*/
}
/*Derniers messages et stats*/
.sujets_messages {margin-top: 3px; padding: 3px; -moz-border-radius: 10px 10px 0px 0px ; border-top: 2px #B44C55 solid; border-right: 2px #B44C55 solid; border-left: 2px #B44C55 solid; background-color: #F8E7BB; margin-left : -60px; margin-right : 20px; width :100px; text-align: center; font-size:9px;
}
.derniers_sujets {margin-top: 0px; margin-left : -60px; margin-right : 20px; padding: 3px; -moz-border-radius: 0px 0px 10px 10px ; border-bottom: 2px #B44C55 solid; text-align: center; border-right: 2px #B44C55 solid; border-left: 2px #B44C55 solid; background-color: #F8E7BB; font-size:9px; }
/*description catégories*/
.description{ width:500px; -moz-border-radius: 5px; -webkit-border-radius:25px; margin-top : 5px; margin-left : 30px; border-radius:5px; padding:8px; border: 2px solid #BE544E;}
/*Contour forums*/
.forumline { -moz-border-radius-topleft:10px; /*arrondi angle gauche*/ -moz-border-radius-topright: 10px; /*arrondi angle droit*/ -webkit-border-radius-top-left: 10px; /*arrondi angle gauche*/ -webkit-border-radius-top-right:10px; /*arrondi angle droit*/ -moz-border-radius-bottomleft:10px; /*arrondi angle gauche*/ -moz-border-radius-bottomright: 10px; /*arrondi angle droit*/ -webkit-border-radius-bottom-left: 10px; /*arrondi angle gauche*/ -webkit-border-radius-bottom-right:10px; /*arrondi angle droit*/ padding-bottom : 5px; padding-top : 5px; border-radius: 10px ; border-bottom: 2px #B44C55 solid; border-top: 2px #B44C55 solid; border-right: 2px #B44C55 solid; border-left: 2px #B44C55 solid; background : #F8E7BB; }
/*Titre forums*/
a.forumlink{ background: #BE544E; /*fond*/ -moz-border-radius-topleft: 50px; /*arrondi angle gauche*/ -moz-border-radius-topright: 50px; /*arrondi angle droit*/ -webkit-border-radius-top-left: 50px; /*arrondi angle gauche*/ -webkit-border-radius-top-right: 50px; /*arrondi angle droit*/ margin-top: 20px; /*ne pas modifier*/ margin-bottom: 10px; /*a modifier selon vos goûts*/ text-align: center; /*alignement du texte*/ height: auto; /*hauteur à modifier selon vos goûts*/ width: 500px; /*largeur à modifier selon vos goûts*/ margin-left: 40px; /*pour déplacer la position des titres des catégories*/ padding-left : 5px; padding-right : 5px; padding-top: 5px !important; /*espace entre la bordure et le texte*/ padding-bottom: 5px !important; /*espace entre la bordure et le texte*/ -moz-text-shadow: 2px 2px 2px #D5C37B; /*ombre sur le texte*/ -webkit-text-shadow: 2px 2px 2px #A0444F; /*ombre sur le texte*/ text-shadow: 2px 2px 2px #C35D69; /*ombre sur le texte*/ }
/*Image*/ .newsoldxxx { margin-left:30px; }
| | |
| | | Ketsuka
{ Membre }
Messages : 74
| Remplace ta Template par celle-ci. Rajoute le CSS donné plus haut, qui fera la décoration du cadre - 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> <!-- BEGIN catrow --><!-- BEGIN tablehead --><div class="titre_categorie">{catrow.tablehead.L_FORUM}</div><table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0"> <tr> </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"> <div class="newsoldxxx"><img title="{catrow.forumrow.L_FORUM_FOLDER_ALT}" src="{catrow.forumrow.FORUM_FOLDER_IMG}" alt="{catrow.forumrow.L_FORUM_FOLDER_ALT}" /></div> </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>
</span> </h{catrow.forumrow.LEVEL}> <span class="genmed"> <div class="description">{catrow.forumrow.FORUM_DESC}</span> <span class="gensmall"> {catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS} <!-- BEGIN switch_moderators_links --> {catrow.forumrow.switch_moderators_links.L_MODERATOR}{catrow.forumrow.switch_moderators_links.MODERATORS} <!-- END switch_moderators_links --> </span> </div></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 --> | | |
| | | Paparazziie
{ Membre }
Messages : 79
| Merci ! Beaucoup ! Ca marche ! problèmes résolus ! | | |
| | | Ketsuka
{ Membre }
Messages : 74
| C'est tout naturel Bonne Continuation. Bisous =) | | |
| | | Contenu sponsorisé
| | | | |
Sujets similaires | |
|
| Permission de ce forum: | Vous ne pouvez pas répondre aux sujets dans ce forum
| |
| |
| |
|
| Partenaires Or
|
|