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! | | |
Ikø'
Pika'Ghøst ~ Maîtresse des pelles ~
Messages : 3193
| Je m'en allais te demander "Est-ce qu'on pourrait avoir ton template index_box s'il te plait?" Mais je crois qu'on l'a déjà maintes fois XD XD c'est toujours le même, si?
*part en analyse templatique* | | |
| | | Jodisney
{ Membre }
Messages : 33
| Mdr ! Oui c'est vrai mais vu que j'ai finalement bidouillé les titres c'est sans doute pas le même puis au pire je le redonne au cas où - 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 --><center><div class="titrecat">{catrow.tablehead.L_FORUM}</div></center><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}> <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> <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> </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 --> Merci encore | | |
| | | Nyo The Neko
{ Spécialiste }
Messages : 245
| Il nous faudrait aussi le CSS s'il-te-plaît? ^^ | | |
| | | Ikø'
Pika'Ghøst ~ Maîtresse des pelles ~
Messages : 3193
| Bon ** Après une bonne nuit de sommeil et quelques observations: 1) J'ai remarqué qu'il y avait en effet le titre de la catégorie deux fois dans ton code Regarde: (PS: J'ai désactivé le HTML dans mon message pour pouvoir citer le code et mettre les trucs en couleur o/) - Citation :
- <!-- BEGIN tablehead --><center><div class="titrecat">{catrow.tablehead.L_FORUM}</div></center><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 --> Le premier est le bon. C'est celui qui est dans ton titre de catégorie et que tu souhaites garder le deuxième est présent dans le tableau des catégories comme en-tête de tableau (c'est à dire entre les balises <th> </th>). Enlève-le tout simplement. Si ça déforme, on changera la grandeur de la case =D 2) Pour la deuxième partie, je vais te rediriger vers un pas à pas qu'Orange a écrit il y a fort longtemps o/ http://www.css-actif.com/t1486-statistiques-de-forum-affichees-dans-la-description Tu n'as qu'à suivre la première étape, c'est-à-dire la suppression des colonnes encore-là, si ça déforme tout, il faudra simplement changer la largeur des autres colonnes qui reste =D 3) Pour les titres de catégorie, ça va se passer dans le CSS de ton code. Je vais attendre de l'avoir avant de t'aider davantage | | |
| | | Jodisney
{ Membre }
Messages : 33
| Tout d'abord merci énormément Ensuite j'ai réussi à retirer le deuxième titre J'ai réussi à retirer les colonnes "messages et sujets" (Merci pour le lien) Puis effectivement ça a un peu déformé, ça rend comme ça : - Spoiler:
Le texte "derniers messages" est partit complètement à l'opposé puis il reste quand même le nombre de sujets et de messages.. Pour la taille des derniers messages (en largeur j'entends) il faut que je modifie ceci c'est bien ça ? (Le chiffre après width) - Code:
-
<th nowrap="nowrap" width="150"><div style="width:150px;">{L_LASTPOST}</div></th> Voilà pour le CSS ! - Code:
-
a:hover { color:#bd909a; }
a.mainmenu{ font-size: 12px; color: #86828F; letter-spacing: 1px; text-align: center; font-family : verdana; text-shadow : 1px 1px 3px #; } a.mainmenu:hover { font-size: 12px; color: #86828F; text-align: center; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color:#86828F; font-weight:bold; } .mainmenu img {display: none;}
.derniers_sujets {
margin-top: 12px; margin-left: 30px; /*espace entre le bord et la bordure*/ margin-bottom: -5px; -moz-border-radius: 60px 0px 0px 60px; text-align: center; border-left:5px solid #8d4c5b; background-color: #; padding: 5px; width:200px; }
.forumlink { font-size:30px; margin-left:75px; font-family:times new roman; text-transform:uppercase; letter-spacing:-3px; text-shadow: 0px 0px 2px #8e4d5c; filter: dropshadow(color=#8e4d5c, offx=0, offy=0); }
.forumlink a:hover { text-shadow: 0px 0px 2px #bd909a; filter: dropshadow(color=#bd909a, offx=0, offy=0); }
.nombre { font-size: 10px; font-variant: small-caps; font-family: arial;}
.pseudos { font-variant: small-caps; font-size: 17px font-family: georgia; font-style: bold; background-color: #9d97a0;}
.boite { height: 160px; overflow-x: auto; overflow-y: auto; padding: 10px; text-align: justify; }
.code div { width: auto !important; } .code { font-family: Arial; opacity: 0,8; font-size: 10px; color: #777A69; line-height: 125%; background-color: #; border: #; border-style: solid; border: 2px dotted #7A837B; -moz-border-radius: 25px; width: 350px; display: block; padding: 10px; text-align: justify; }
.spoiler_closed div { width: auto !important; } .spoiler_closed { font-family: Arial; opacity: 0,8; font-size: 10px; color: #777A69; line-height: 125%; background-color: #; border: #; border-style: solid; border: 2px dotted #7A837B; -moz-border-radius: 25px; width: 350px; display: block; padding: 5px; text-align: justify; }
.spoiler_content div { width: auto !important; } .spoiler_content { font-family: Arial; opacity: 0,8; font-size: 10px; color: #777A69; line-height: 125%; background-color: #; border: #; border-style: solid; border: 2px dotted #7A837B; -moz-border-radius: 25px; width: 350px; display: block; padding: 5px; text-align: justify; }
.stats { color: #776E7D; font-size: 10px; font-family: arial; text-align: justify;
}
.profil_contour { background-color: #aea8b1; -moz-border-radius: 0px 0px 25px 25px; -webkit-box-shadow: 0px 0px 8px #655d69; -moz-box-shadow: 0px 0px 8px #655d69; box-shadow: 0px 0px 8px #655d69; width: 200px !important; }
/* ================= ===== Message d'accueil ===== script by James1920 de CSSACTIF et LBTPROD - Novembre 13, 2010 http://www.themes-fa.com - BY-NC (http://creativecommons.org/licenses/by-nc/2.0/fr/)
================= */
/*----------------- Ma g�n�ral ----------------- */
/* Pour les défilement */ #scroller_container { padding-top: 15px; overflow: hidden; } /* CSS Hack Safari */ #dummy { ;# } #scroller_container { overflow: auto; }
/*le tableau invisible */
.table25 { border: none ; }
/* Liens */
.a2 { display: block; width: 90px; color: #766c7b; text-align:justify; margin-left: 11px; border: 0px solid black; -moz-border-radius: 20px; background-color: #; height: 20px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; }
.a2:hover {
background-color: #; color: #766c7b; }
#table22 /* fond du ma */ { width: 750px; background-color: #9d97a0; -moz-border-radius: 15px; -webkit-border-radius: 15px; -khtml-border-radius: 15px; border-radius: 15px; align: center; }
/*-----------------Titre----------------- */
/* TITRE CATEGORIE */ .titrecat { text-align: center; padding-top: -15px; padding-bottom: 15px; display: block; width: 100%; border-top: 10px solid #8E4D5C; border-right: 10px solid #8E4D5C; border-left: 10px solid #8E4D5C; background-color: #8E4D5C; color: #FFF; -moz-border-radius-topleft: 60px; -moz-border-radius-topright: 60px; margin-top: 12px; height: 30px; font-weight: bolder;} /* FIN */
/* Le titre special pour le texte de bienvenu */
.h2_themebienvenu { font-size: 12px; background-color: #8d8492; padding: 6px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; border-radius: 5px; color: #685f6c; text-align: center; margin: 10px; /max-width: 367px; }
/* le titre special pour les credits */
.h2_themecredit { font-size: 12px; background-color: #8d8492; padding: 6px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; border-radius: 5px; color: #685f6c; text-align: center; margin: 10px; /max-width: 160px; }
/* le titre pour les autres boites */
.h2_theme { font-size: 12px; background-color: #8d8492; padding: 6px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; border-radius: 5px; color: #685f6c; text-align: center; margin: 10px;
}
/* effet de transparance FF */
.transparence { background-color: transparent; border: none; opacity: 0.5; }
.transparence:hover{ background-color: transparent; border: none; opacity: 2; }
/*-----------------Les boites contenant les textes----------------- */
/* Navigation */
.navi_ma { background-color:#aea8b1; -moz-border-radius: 10px; -webkit-border-radius: 10px; -khtml-border-radius: 10px; border-radius: 10px; color: black; font-size: 11px; height: 300px; margin: 10px; width: 130px; padding: 5px; line-height:34px; -webkit-box-shadow: 4px 4px 0 #; -moz-box-shadow: 4px 4px 0 #; -khtml-box-shadow: 4px 4px 0 #; padding-top: 20px;
}
/* News */
.news { background-color: #aea8b1; -moz-border-radius: 10px; -webkit-border-radius: 10px; -khtml-border-radius: 10px; border-radius: 10px; color: #807585; font-size: 11px; height: 120px; width: 160px; margin: 10px; overflow-y: auto; overflow-x: visible; padding: 5px; -webkit-box-shadow: 4px 4px 0 #; -moz-box-shadow: 4px 4px 0 #; -khtml-box-shadow: 4px 4px 0 #; margin-left: 10px; }
/* Partenaires */
.partenaire_test { background-color: #aea8b1; -moz-border-radius: 10px; -webkit-border-radius: 10px; -khtml-border-radius: 10px; border-radius: 10px; color: #807585; font-size: 11px; height: 105px; width: 160px; margin: 10px; padding: 5px; -webkit-box-shadow: 4px 4px 0 #; -moz-box-shadow: 4px 4px 0 #; -khtml-box-shadow: 4px 4px 0 #; padding-top: 20px; margin: 5px;
}
/* message de bienvenu */
#bienvenu_ma { background-color: #aea8b1; -moz-border-radius: 10px; -webkit-border-radius: 10px; -khtml-border-radius: 10px; border-radius: 10px; color: #807585; font-size: 11px; height: 120px; margin: 10px; overflow-y: auto; overflow-x: visible; padding: 5px; -webkit-box-shadow: 4px 4px 0 #; -moz-box-shadow: 4px 4px 0 #; -khtml-box-shadow: 4px 4px 0 #; width: 370px; margin-left: 10px; } /* membres staffs */
.staff { background-color: #aea8b1; -moz-border-radius: 10px; -webkit-border-radius: 10px; -khtml-border-radius: 10px; border-radius: 10px; color: #807585; font-size: 10px; height: 105px; width: 180px; margin: 10px; padding: 5px; font-size: 11px; -webkit-box-shadow: 4px 4px 0 #; -moz-box-shadow: 4px 4px 0 #; -khtml-box-shadow: 4px 4px 0 #; padding-top: 20px; margin-left: 10px; }
/*crédits */
.credits { background-color: #aea8b1; -moz-border-radius: 10px; -webkit-border-radius: 10px; -khtml-border-radius: 10px; border-radius: 10px; color: #807585; font-size: 11px; height: 105px; width: 160px; margin: 10px; padding: 5px; -webkit-box-shadow: 4px 4px 0 #; -moz-box-shadow: 4px 4px 0 #; -khtml-box-shadow: 4px 4px 0 #; padding-top: 20px; margin-left: 10px; }
/*-----------------inffobulles----------------- */
div.infobulle { position: relative; float: left; color: black; }
div.infobulle span { display: none; /* ceci masque l'infobulle */ } div.infobulle:hover { background: none; /* correction d'un bug IE */ z-index: 999; /* on définit une valeur pour l'ordre d'affichage */ color: black; }
/* style de l infobulle */
div.infobulle:hover span { display: inline; /* on affiche l'infobulle */ position: absolute; top: 10px; /* on positionne notre infobulle */ background-color: #aea8b1; color: #807585; padding: 3px; -moz-border-radius: 10px; -webkit-border-radius: 10px; -khtml-border-radius: 10px; border-radius: 10px; white-space: nowrap; /* on change la valeur de la propriété white-space pour qu'il n'y ait pas de retour à la ligne non-désiré */ text-align: center; font-size: 11px; }
/* CODES GENERAUX */
#i_logo { margin-top: -15px; margin-bottom: 0px; margin-left:-10px; margin-right:-10px; }
.bodyline { border-left:10px solid #8c4b5a; border-right:10px solid #8c4b5a; -webkit-box-shadow: 0px 0px 25px #655d69; -moz-box-shadow: 0px 0px 25px #655d69; box-shadow: 0px 0px 25px #655d69; margin-left:-20px; -moz-border-radius-topleft: 0px; -moz-border-radius-topright: 0px; -moz-border-radius-bottomright: 40px; -moz-border-radius-bottomleft: 40px; -webkit-border-radius: 0px 0px 40px 40px; border-radius: 0px 0px 40px 40px; }
.hautbas{ position: fixed; bottom: 50px; right: 0px; z-index: 999; }
.postbody{ letter-spacing: 1px; text-align:justify; }
a { text-decoration: none !important; text-shadow:1px 0px 0px #B5B276; }
a:hover { text-decoration: none !important; color:#78A419; text-shadow:1px 0px 0px #B5B276; }
tr.post td {padding-left: 15px;} /* Espace entre avatar et post */ tr.post td {padding-right: 25px;}
textarea, .textarea.post, input.post { -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; }
tr.post span.gensmall { display: none; }
.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; }
table.bodylinewidth { position:relative; top: -12px; } /*FIN CODES GENERAUX*/ | | |
| | | Ikø'
Pika'Ghøst ~ Maîtresse des pelles ~
Messages : 3193
| Il faut bien suivre le tuto d'Orange, il explique exactement quoi enlever ~ il te manque des trucs à enlever Sinon tu as deux fois le width dans ton code, ce aui est superflu ._. tu peux enlever le style="width: 150px;" de la div Sinon, est-ce que tu as encore ça? Il y avait le deuxième titre dedans - Code:
-
<th colspan="{catrow.tablehead.INC_SPAN}" nowrap="nowrap" width="100%" class="secondarytitle"> </th> | | |
| | | Jodisney
{ Membre }
Messages : 33
| Ah oui effectivement j'avais pas bien tout lu Voilà donc c'est fait pour les nombres de messages et sujets par contre ça donne ça : (Je ne sais pas d'où sors l'écriture, l'ombre etc du texte XD Puis ça ne se met pas au dessus comme dit dans le tuto... A moins d'avoir mal compris !) - Spoiler:
J'ai retiré le second width et pour le code non je l'ai supprimé afin qu'il n'y ai qu'un seul titre | | |
| | | Psycho
Psychopathe
Messages : 3407
| Bonjour Jodisney (: Je viens aux nouvelles, ton problème est-il toujours d'actualité ? Si oui, peux-tu l'indiquer à nouveau, de manière précise s'il te plait, afin qu'un codeur puisse t'aider | | |
| | | pamina
{ Membre actif }
Messages : 1170
| Hey ! Pas de nouvelle depuis 10 jours,... je considère que le problème est résolu. Je classe. | | |
| | | Contenu sponsorisé
| | | | |
Sujets similaires | |
|
| Permission de ce forum: | Vous ne pouvez pas répondre aux sujets dans ce forum
| |
| |
| |
|
| Partenaires Or
|