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! |
| Lexie
{ Membre }
Messages : 36
| Bonsoir/Bonjour ! Pour le renaissance de mon forum, je voulut mettre des sidebares. Le problème est que l'image du titre de la catégorie ne se met pas dessus. Ensuite mon autre problème est que la taille du forum du sidebare et du forum n'est pas la même malgré les codes que l'on m'a conseillé. Voici mon template : - 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 width="100%" border="0" cellspacing="0" cellpadding="0"><tr><td align="center" style="background-image: url(http://img11.hostingpics.net/pics/890474sidebarshautamortantia.png); height: 200px; width: 850px; background-repeat: no-repeat; background-position: center center;"></td></tr></table> <table align="center" class="forumline" width="850px" border="0" cellspacing="1" cellpadding="0"> <tr> <tr> <th colspan="{catrow.tablehead.INC_SPAN}" nowrap="nowrap" width="100%" class="secondarytitle"> {catrow.tablehead.L_FORUM} </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}" /> <span class="gensmall">{catrow.forumrow.LAST_POST}</span> </td> </td> <td class="row1 over" colspan="{catrow.forumrow.INC_SPAN}" valign="top" width="100%" height="50"> <table width="100%"><tbody><tr><td><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}></td><td style="padding-left: 40px; text-align: right;" class="gensmall">{catrow.forumrow.POSTS} Parchemins envoyés par {catrow.forumrow.TOPICS} Hiboux.</td></tr></tbody></table> <span class="genmed">{catrow.forumrow.FORUM_DESC}</span> <span class="gensmall" id="subforums"> <!-- BEGIN switch_moderators_links --> {catrow.forumrow.switch_moderators_links.L_MODERATOR}{catrow.forumrow.switch_moderators_links.MODERATORS} <!-- END switch_moderators_links --><script type="text/javascript"> jQuery('#subforums').html(jQuery('#subforums').html().replace(/, /g,'<br/>')).removeAttr('id'); </script> </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><table style="margin-bottom: 40px;" width="100%" border="0" cellspacing="0" cellpadding="0"><tr><td align="center"><img src="http://img15.hostingpics.net/pics/516401sidebarsbasamortantia.png" /></td></tr></table><img src="{SPACER}" alt="" height="5" width="1" /><!-- END tablefoot --><!-- END catrow -->
Mon CSS : - Spoiler:
- Code:
-
a:hover { text-decoration: none !important; }
a { text-decoration: none !important; }
.profilmessage {padding: 5px; background-color: 0F0B08;}
.profilavatar {padding: 3px; margin: 3px;}
.profilrang {font-variant: small-caps; font-size: 12px; background-color: #000000; border: 1px outset #a1a1a1; padding: 5px; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px;}
.profilauteur {background-color: #090F15; padding-bottom: 5px; padding-top: 5px; padding-left: 5px; padding-right: 5px; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; font-size: 11px;}
.infoprofil {font-size: 11px;}
#fond_cate { background-color: #2A2A2A; padding: 5px; -webkit-border-radius: 20px; -moz-border-radius: 20px; margin-top: 5px; }
.titrecate { color: #111111; font-size: 20px; padding-left: 20px; font-family: Times New Roman; font-weight: normal; }
.cate_corps { background-color: #131312; padding: 10px; margin: 5px; -webkit-border-radius: 20px; -moz-border-radius: 20px; }
.forumlink { font-size: 24px; font-family: Times New Roman; font-weight: normal; display: block; text-align: center; }
#cate_stat { font-size: 10px; padding-left: 20px; }
.cate_desc { padding-top: 20px; padding-right: 20px; padding-left: 20px; display: block; text-align: justify; }
.sous_fow { margin-left: 20px; }
body { background-repeat: no-repeat; background-attachment: scroll; background-position: top center; background-image : url(http://img11.hostingpics.net/pics/776819armotantia2.png);}
.tab { background-color : #090F15; -moz-border-radius: 10px 10px 0px 0px; -webkit-border-radius: 10px 10px 0px 0px; border-radius: 10px 10px 0px 0px; cursor:pointer; display: block; text-align: center; font-size: 15px; }
.tab_int { background-color: #0f0b08; padding: 10px; border-radius: 10px 10px 10px 10px; display: block; text-align: justify; }
#band { background-repeat: no-repeat; background-attachment: scroll; background-position: top center; background-image: url(http://img11.hostingpics.net/pics/776819armotantia2.png); display: block; border-bottom: 1px #b28a55 solid; margin-top: -8px; box-shadow: 2px 3px 4px #170F0B; -webkit-box-shadow: 2px 3px 4px #170F0B; -moz-box-shadow: 2px 3px 4px #170F0B; }
#band a { padding-right : 10px; padding-left : 10px; } a[href^="/u"]{ text-shadow: 2px 2px 2px black; }
.qeelfont { background-image: url(http://img11.hostingpics.net/pics/661851queelamortancia.png); background-repeat: no-repeat; background-position: top center; width: 1000px; height : 600px } .lastpost{ padding: 2px; /* Espace entre le cadre et le texte font-family: arial; /* Police du texte font-size: 10px; /* Taille du texte background: #131F25; /* Couleur de fond color: #000; /* Couleur du texte border: 2px solid #000; /* Taille - Style - Couleur de la bordure text-decoration: none; /* Aucune décoration au texte -moz-border-radius: 5px; /* Arrondis pour Mozilla -webkit-border-radius: 5px; /* Arrondis pour Safari et Chrome border-radius: 5px; } /*encadrement sous-forums*/ .splash{ border-radius: 11px; border: 1px solid #fff; Background: url('http://img15.hostingpics.net/pics/924119menurapide.png');} /*Début QEEL NU*/ .qeel { background-image: url('http://img11.hostingpics.net/pics/661851queelamortancia.png'); background-position: center center; width: 900px; height: 500px; margin: auto; padding-top: 100px; }
.qeel_stats { overflow: auto; width: 800px; height: 200px; color: #A6A495!important; margin: auto; }
.qeel_chat { float: right; width: 315px; height: 150px; color: #A6A495!important; margin-top: 20px; margin-right: 20px; }
.qeel_groups { width: 220px; height: 100px; margin: auto; margin-top: 40px; transform: rotate(-5deg); -moz-transform: rotate(-5deg); -webkit-transform: rotate(-5deg); } .qeel_groups a, .qeel_groups a:hover { font-size: 13px; font-weight: bold; letter-spacing: 1px; text-decoration: none!important; } .maitre, .maitre:hover { color: #6B797E!important; } .sorciers, .sorciers:hover { color: #575656!important; } .prof, .prof:hover { color: #807787!important; } .serpentard, .serpentard:hover { color: #334D2A!important; } .poufsoufle, .poufsoufle:hover { color: #CCA01C!important; } .serdaigle, .serdaigle:hover { color: #365487!important; } .gryffondor, .gryffondor:hover { color: #A11D1D!important; }
/*Fin QEEL NU*/
Et l'adresse de mon forum : http://poudlard.forumotion.com/forum Merci d'avance Bonne soirée | | |
| | | Dr. Karlos
{ Membre }
Messages : 176
| Bonsoir, Pour le problème de largeur, il est relativement facile de le régler. ► Trouve cette partie dans votre template correspondant à l'image du haut: - Code:
-
<table width="100%" border="0" cellspacing="0" cellpadding="0"><tr><td align="center" style="background-image: url(http://img11.hostingpics.net/pics/890474sidebarshautamortantia.png); height: 200px; width: 850px; background-repeat: no-repeat; background-position: center center;"></td></tr></table> Et remplace-la par celle-ci: - Code:
-
<table width="865px" align="center" border="0" cellspacing="0" cellpadding="0" style="margin-left: 28px;"><tr><td align="center" style="background-image: url(http://img11.hostingpics.net/pics/890474sidebarshautamortantia.png); height: 200px; width: 864px; background-repeat: no-repeat; background-position: center center; background-size: 100% 100%;"></td></tr></table> Ensuite, trouve cette partie qui concerne ton image du bas: - Code:
-
<table style="margin-bottom: 40px;" width="100%" border="0" cellspacing="0" cellpadding="0"><tr><td align="center"><img src="http://img15.hostingpics.net/pics/516401sidebarsbasamortantia.png" /></td></tr></table> Et remplace-la par: - Code:
-
<table width="868px" align="center" border="0" cellspacing="0" cellpadding="0" style="margin-left: 28px;" style="margin-bottom: 40px; margin-left: 26px;" border="0" cellspacing="0" cellpadding="0"><tr><td align="center" style="background-image: url(http://img15.hostingpics.net/pics/516401sidebarsbasamortantia.png); height: 200px; width: 864px; background-repeat: no-repeat; background-position: center center; background-size: 100% 100%;"></td></tr></table>
Pour afficher le titre de la catégorie dans votre "sidebar", tu dois effectuer ces modifications: ► Remplace cette partie dans ton template avec les modifications faites plus haut correspondant à ton image du haut: - Code:
-
<table width="865px" align="center" border="0" cellspacing="0" cellpadding="0" style="margin-left: 28px;"><tr><td align="center" style="background-image: url(http://img11.hostingpics.net/pics/890474sidebarshautamortantia.png); height: 200px; width: 864px; background-repeat: no-repeat; background-position: center center; background-size: 100% 100%;"></td></tr></table> Par celle-ci: - Code:
-
<table width="865px" align="center" border="0" cellspacing="0" cellpadding="0" style="margin-left: 28px;"><tr><td align="center" style="background-image: url(http://img11.hostingpics.net/pics/890474sidebarshautamortantia.png); height: 200px; width: 864px; background-repeat: no-repeat; background-position: center center; background-size: 100% 100%;">{catrow.tablehead.L_FORUM} </td></tr></table>
► Par la suite, trouve et supprime cette partie correspondant à l'affichage du titre de catégorie afin qu'il s'affiche à l'endroit désiré: - Code:
-
<tr> <th colspan="{catrow.tablehead.INC_SPAN}" nowrap="nowrap" width="100%" class="secondarytitle"> {catrow.tablehead.L_FORUM} </th> </tr> Voilà, les deux problèmes devraient maintenant être réglés. N'oublie pas de publier ton template modifié en appuyant sur ! | | |
| | | Lexie
{ Membre }
Messages : 36
| Merci beaucoup Alors pour le sidebare, le problème est réglé par contre pour la largeur du forum non :/ | | |
| | | Anoobnyme GOD OF COOKIES
Messages : 1445
| Hop'
Quel est le problème pour la largeur du forum exactement? | | |
| | | Lexie
{ Membre }
Messages : 36
| En faite le problème c'est que la largeur du forum est décalé par rapport à la largeur des sidebares | | |
| | | 'Christa
Lostmindy
Messages : 2856
| Ce ne sont pas des sidebars (et pas "sidebares") mais des en-tête et pieds de catégories '_' Sinon je crois que le code est trop "lourd" pour commencer, il y a beaucoup de lignes qui se contredisent, d'où le problème de décalage. Ce que je ne comprends pas de mon côté, c'est pourquoi les deux éléments ne sont pas placés par défaut dans le tableau contenant la catégorie ? J'ai testé sinon avec firebug, pour éviter le décalage il faudrait retirer les deux margin-left:28px, mais là encore ce n'est pas parfait | | |
| | | Dr. Karlos
{ Membre }
Messages : 176
| Re, En fait, vous pourriez tenter de placer l'en-tête, la catégorie et le pied des catégories dans un tableau. Sinon, remplacez le margin-left: 28px; comme mentionné par Christa' par un margin-right: 20px;, mon firebug avait décidé de faire défaut hier. | | |
| | | Lexie
{ Membre }
Messages : 36
| Bonjour ! J'ai fait comme vous m'avez dit et je pense que le problème est réglé Merci beaucoup pour votre aide | | |
| | | Psycho
Psychopathe
Messages : 3407
| Hello (: Si le problème est réglé, je déplace le sujet. N'hésite pas si tu as d'autres questions Lexie ! (: | | |
| | | Contenu sponsorisé
| | | | |
Sujets similaires | |
|
| Permission de ce forum: | Vous ne pouvez pas répondre aux sujets dans ce forum
| |
| |
| |
|
| Partenaires Or
|