Accueil
Créer un forumProbleme de décalage des forums
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Gérer l'apparence de son forum :: Archives des problèmes avec l'apparence du forum
Page 1 sur 1 • Partagez
Probleme de décalage des forums
par 14v24 Mer 21 Mai - 18:40
Bonjour à tous !
J'ai fait tout ce que j'ai pu, mais impossible de régler la largeur des forums sur l'index, ceux-ci dépassant sur les cotés à cause de la largeur des images d'en tête de catégories...
J'aimerais donc que les zones en rouge fassent 800px de largeur...
Le forum en question: http://heriadel.forumactif.com/
Version de votre forum: phpb2
Statut sur le forum : fonda
Template & CSS modifiés :
En espérant que vous puissiez m'aider ><
J'ai fait tout ce que j'ai pu, mais impossible de régler la largeur des forums sur l'index, ceux-ci dépassant sur les cotés à cause de la largeur des images d'en tête de catégories...
J'aimerais donc que les zones en rouge fassent 800px de largeur...
Le forum en question: http://heriadel.forumactif.com/
Version de votre forum: phpb2
Statut sur le forum : fonda
Template & CSS modifiés :
- Template index_body:
- <table width="795px" 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>
</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 class="forumtest">
<!-- BEGIN inc -->
<td class="{catrow.forumrow.inc.INC_CLASS}" width="46"><img src="{SPACER}" height="0" width="46" alt="." /></td>
<!-- END inc -->
<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}>
<table><tr><td><img class="new_mess" title="{catrow.forumrow.L_FORUM_FOLDER_ALT}" src="{catrow.forumrow.FORUM_FOLDER_IMG}" alt="{catrow.forumrow.L_FORUM_FOLDER_ALT}" /></td></tr><tr><td><div class="DescForum">{catrow.forumrow.FORUM_DESC}</div>
<span class="gensmall">
<!-- BEGIN switch_moderators_links -->
{catrow.forumrow.switch_moderators_links.L_MODERATOR}{catrow.forumrow.switch_moderators_links.MODERATORS}
<!-- END switch_moderators_links --></span>
<div class="sousforums">{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}</div></td>
<td><div class="gensmall sujets_messages">Messages : {catrow.forumrow.POSTS} | Sujets : {catrow.forumrow.TOPICS}</div>
<div class="gensmall derniers_sujets">{catrow.forumrow.LAST_POST}</div></td></tr></table>
</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 -->
- CSS:
- /*REGLAGES DE LA BANNIERE DE FOND & DU FOND*/
body
{
background: url("https://i.servimg.com/u/f55/18/72/23/72/header10.jpg") no-repeat top center, url("https://i.servimg.com/u/f55/18/72/23/72/fond10.jpg") repeat-y top center;
background-color: #d2d2d2;
background-attachment: scroll;
color: #201917;
}
.forumtest{
background-color: #ff0000;
}
/*INSTALATION MENU A GAUCHE*/
div.vertical_nav
{
position:fixed;
top:0px;
left:0px;
background: url("https://i.servimg.com/u/f55/18/72/23/72/fond10.png") no-repeat;
border: 1px solid #1a1717;
padding-top: 20px;
width: 220px;
height: 100%;
box-shadow: 0px 0px 5px #000;
}
div.vertical_nav a.mainmenu
{
display:list-item; /* Affiche les liens de la barre de navigation comme une liste de haut en bas*/
list-style:none; /* Supprime le style initialement attribué aux listes (les puces)*/
margin-top: -15px;
color: #68504b;
text-align: center;
}
/*MISE EN PAGE LISTE TOPICS*/
.row3Right{
background: #2b2220;
color: #513c37 !important;
width: 200px !important;
height: 50px;
font-family: 'Carrois Gothic SC', sans-serif;
font-weight: lighter;
font-size: 12px;
text-align: center;
opacity: 1;
border-bottom: 1px dashed #000000;
-moz-transition:all 0.8s; /* Mozilla Firefox */
-webkit-transition:all 0.8s; /* Safari et Google Chrome */
-o-transition:all 0.8s; /* Opera */
transition:all 0.8s;
}
.row3{
background: #2b2220;
color: #513c37 !important;
width: 600px;
height: 50px;
font-family: 'Carrois Gothic SC', sans-serif;
font-weight: lighter;
font-size: 12px;
text-align: center;
opacity: 1;
text-align: left !important;
border-bottom: 1px dashed #000000;
}
.row3Rightover{
font-family: 'Carrois Gothic SC', sans-serif;
font-weight: lighter;
font-size: 12px;
color: #faeed8 !important;
background: #3c2e2a;
padding-left: 3px;
box-shadow:
0px 2px 2px 0px rgba(0, 0, 0, 0.5) inset,
0px 2px 2px 0px rgba(255, 255, 255, 0.5);
}
.row3Rightover a{
color: #b3a7a5 !important;
margin-left: 45px;
}
.row4Right{
background: #2b2220;
color: #513c37 !important;
height: 50px;
font-family: 'Carrois Gothic SC', sans-serif;
font-weight: lighter;
font-size: 12px;
text-align: center;
padding-left: 20px !important;
padding-right: 20px !important;
text-align: center;
opacity: 1;
border-bottom: 1px dashed #000000;
border-left: 10px solid #faeed8;
-moz-transition:all 0.8s; /* Mozilla Firefox */
-webkit-transition:all 0.8s; /* Safari et Google Chrome */
-o-transition:all 0.8s; /* Opera */
transition:all 0.8s;
}
.row4Rightover{
font-family: 'Carrois Gothic SC', sans-serif;
font-weight: lighter;
color: #b3a7a5;
background: #3c2e2a;
box-shadow:
0px 2px 2px 0px rgba(0, 0, 0, 0.5) inset,
0px 2px 2px 0px rgba(255, 255, 255, 0.5);
}
.topictitle{
color: #6d5550 !important;
font-family: 'Alex Brush', cursive;
font-weight: lighter;
font-size: 25px;
-moz-transition:all 0.8s; /* Mozilla Firefox */
-webkit-transition:all 0.8s; /* Safari et Google Chrome */
-o-transition:all 0.8s; /* Opera */
transition:all 0.8s;
}
.row3Right .desc_top {
padding-left: 10px !important;
}
/*MISE EN PAGE CATEGORIES ET FORUMS*/
.DescForum
{
margin-top: -50px;
background: #2b2220;
color: #6d5550;
text-align: justify;
height:50px; /* hauteur du bloc de description */
overflow:auto; /* le scroll apparaît automatiquement si besoin */
font-family: 'Carrois Gothic SC', sans-serif;
font-weight: lighter;
font-size: 12px;
Line-Height: 12px;
padding-left: 67px;
padding-top: 12px;
padding-bottom: 8px;
padding-right: 8px;
width: 600px !important;
}
.forumlink
{
font-family: 'Alex Brush', cursive;
font-weight: lighter;
font-size: 30px;
color: #673a37;
margin-left: 35px;
-moz-textshadow: 0px 0px 0px #191514;
-webkit-text-shadow: 0px 0px 0px #191514;
text-shadow: 0px 0px 0px #191514;
-moz-transition:all 0.5s; /* Mozilla Firefox */
-webkit-transition:all 0.5s; /* Safari et Google Chrome */
-o-transition:all 0.5s; /* Opera */
transition:all 0.5s;
}
.forumlink:hover {
color: #191514;
margin-left: 45px;
}
.sujets_messages {
padding: 3px; /* pour ne pas que le texte se colle aux bords du cadre */
background: #68504b;
color: #1d1717;
font-family: 'Carrois Gothic SC', sans-serif;
font-weight: lighter;
font-size: 12px;
margin-top: -48px;
text-align: center;
}
.derniers_sujets {
margin-top: 3px; /* pour faire un léger espace entre la ligne des "messages & sujets" et "dernier message posté" */
padding: 3px; /* pour ne pas que le texte se colle aux bords du cadre */
background: #2b2220;
color: #673a37;
width: 150px;
height: 64px;
font-family: 'Carrois Gothic SC', sans-serif;
font-weight: lighter;
font-size: 12px;
text-align: center;
}
.derniers_sujets a{
color: #513c37;
}
.row1 over {
width: 400px !important;
}
.sousforums{
margin-top: 3px;
padding: 2px;
background: #68504b;
color: #1d1717;
font-family: 'Carrois Gothic SC', sans-serif;
font-weight: lighter;
font-size: 12px;
text-align: center;
height: 18px;
margin-left: 60px;
}
.sousforums a{
color: #faeed8;
}
.new_mess {
margin-top: -10px;
margin-bottom: -43px;
}
/* RETIRE TOUS LES SOULIGNEMENTS DE LIEN*/
a:hover{text-decoration: none !important; color:#2b2220;}
a {text-decoration: none !important; font-family: 'Carrois Gothic SC', sans-serif;
font-size: 13px; font-weight: lighter; color: #673a37;}
a:link {text-decoration: none;}
a:visited {text-decoration: none;}
/* MISE EN PAGE DES SUJETS */
.cadre_mess {
background: #faeed8;
}
.postdetails {
font-family: 'Carrois Gothic SC', sans-serif;
font-size: 10px;
}
.postbody {
background: #68504b;
margin-top: -10px;
margin-left: 10px;
margin-right: 10px;
margin-bottom: 5px;
padding-left: 20px;
padding-right: 20px;
padding-top: 10px;
padding-bottom: 10px;
/*font-family: 'Carrois Gothic SC', sans-serif;
font-weight: lighter;
font-size: 12px;
Line-Height: 12px;*/
font-family: 'helvetica', sans-serif;
font-size: 12px;
Line-Height: 13px;
color: #1f1917;
border-top: 5px solid #2b2220;
text-align: justify;
-moz-border-radius: 0px 0px 10px 10px;
-webkit-border-radius: 0px 0px 10px 10px;
border-radius: 0px 0px 10px 10px;
}
.catHead {
background: #2b2220 !important;
color: #faeed8 !important;
border-bottom: 3px solid #faeed8 !important;
margin-top: 20px !important;
}
h1 {
color: #673a37 !important;
font-family: 'Alex Brush', cursive;
font-weight: lighter !important;
font-size: 30px !important;
}
/*.signature_div {
background:#000000;
}*/
/* MISE EN PAGE DU PROFIL */
.name a {
text-align: center !important;
color: #673a37 !important;
font-family: 'Alex Brush', cursive;
font-weight: lighter !important;
font-size: 25px !important;
}
.name {
background: #513c37;
margin-bottom: -10px;
margin-top: 8px;
margin-left: -3px;
margin-right: -3px;
}
#profil {
background: #3c2e2a;
font-size: 13px !important;
color: #faeed8 !important;
margin-top: -10px !important;}
.profil_avatar {
border-left: 1px solid #68504b;
border-right: 1px solid #68504b;
border-bottom: 3px solid #68504b;
border-top: 3px solid #68504b;
}
.profil_label {
border-bottom: 3px solid #68504b;
}
.profil_contenu {
background: #513c37!important;
color: #faeed8;
}
#fin_mess {
background: #513c37;
padding-top: 5px;
padding-bottom: 5px;
padding-left: 35px;
padding-right: 35px;
margin-bottom: 10px;
}
/*ENLEVER LES BORDURES GENANTES*/
.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;
}
/* ENLEVE LES IMAGES DE LA NAVIGATION */
.mainmenu img {display: none;}
.nav img{
max-width: 150px;
max-height: 150px;
}
/* MISE EN PAGE QEEL */
#qeel {
background: #2b2220;
margin: 10px;
padding: 10px !important;
font-family: 'Carrois Gothic SC', sans-serif !important;
font-weight: lighter;
font-size: 12px;
}
.qeel_legende {
font-family: 'Carrois Gothic SC', sans-serif !important;
font-weight: lighter;
font-size: 12px;
background: #faeed8;
padding:10px;
margin-top: -20px;
text-align: center;
}
td span .gensmall {
font-family: 'Carrois Gothic SC', sans-serif !important;
font-weight: lighter;
font-size: 12px;
height: 120px;
overflow : auto;
}
.qeel_info {
font-family: 'Carrois Gothic SC', sans-serif !important;
font-weight: lighter;
font-size: 12px;
background: #faeed8;
padding:10px;
height: 120px;
overflow : auto;
}
/* MISE EN PAGE DES TITRES PERSO */
.titre1 {
color: #000000 !important;
font-family: 'Alex Brush', cursive;
font-weight: lighter !important;
font-size: 50px !important;
background: #68504b;
text-align: center;
margin-top: 15px;
padding-top: -5px !important;
margin-bottom: 20px;
/*text-shadow: 0px 2px 0px #b3a7a5;*/
text-shadow:
0px 2px 2px 0px rgba(0, 0, 0, 0.5) inset,
0px 2px 2px 0px rgba(255, 255, 255, 0.5);
}
.titre2 {
font-family: 'Carrois Gothic SC', sans-serif;
font-weight: lighter;
font-size: 20px;
color: #b3a7a5;
padding-left: 35px;
padding-top: 8px;
padding-bottom: 5px;
background: #3c2e2a;
box-shadow:
0px 2px 2px 0px rgba(0, 0, 0, 0.5) inset,
0px 2px 2px 0px rgba(255, 255, 255, 0.5);
}
.titre3 {
font-family: 'Carrois Gothic SC', sans-serif;
font-weight: lighter;
font-size: 13px;
color: #ffffff;
padding-left: 10px;
margin-bottom: -10px !important;
}
.titre4 {
font-family: 'Carrois Gothic SC', sans-serif;
font-size: 12px;
color: #3c2e2a;
padding-left: 15px;
margin-bottom: -12px !important;
}
.important {
font-weight: bold;
font-family: 'Carrois Gothic SC', sans-serif;
font-size: 16px !important;
}
.info_liens {
font-family: 'Carrois Gothic SC', sans-serif;
font-size: 12px;
color: #3c2e2a;
font-style:italic;
}
.forumline td.row3[colspan="7"] { background: url(http://image); height: 50px; }
/* MODIFICATION COULEURS ANNONCE / Note */
tr.annonce td {background-color:#2b2220!important;} /* Modifie la couleur de fond des annonces */
tr.annonceglo td {background-color:#efe0c6!important;} /* Modifie la couleur de fond des annonces */
tr.Note td {background-color:#efe0c6!important; } /* Modifie la couleur de fond des Note */
/* MODIFIE OULEURS CELLULES NOUVEAUX MESSAGES */
tr.newpost td {
background-color:#d45147!important;}
/* AFFICHAGE "ADMIN" & "PNJ" A COTE DES PSEUDO*/
/* PERSONNALISATION LE DESTIN - ADMIN*/
a[href="/u2"] strong {
background:url('https://i.servimg.com/u/f55/18/72/23/72/admin12.png')no-repeat;
padding-left:21px;
}
/* PERSONNALISATION LE DESTIN - PNJ*/
a[href="/u1"] strong {
background:url('https://i.servimg.com/u/f55/18/72/23/72/pnj10.png')no-repeat;
padding-left:16px;
}
/* MODIF AFFICHAGE SPOILER / CODE / QUOTE */
.quote{
style 1;
style2;
etc;
}
.code{
style 1;
style2;
etc;
}
.spoiler_closed{ /*Spoiler fermé*/
-moz-border-radius: 0px 0px 10px 10px !important;
-webkit-border-radius: 0px 0px 10px 10px !important;
border-radius: 0px 0px 10px 10px !important;
background: #2c2220 !important;
color: #5f4640 !important;
border-top : 8px double #faeed8 !important; /* taille, type et couleur de la bordure */
}
.spoiler_content{ /*Spoiler ouvert*/
-moz-border-radius: 0px 0px 10px 10px !important;
-webkit-border-radius: 0px 0px 10px 10px !important;
border-radius: 0px 0px 10px 10px !important;
background: #2c2220 !important;
color: #5f4640 !important;
padding: 10px;
border-top : 8px double #faeed8 !important; /* taille, type et couleur de la bordure */
}
En espérant que vous puissiez m'aider ><
Dernière édition par 14v24 le Mar 27 Mai - 13:20, édité 1 fois
14v24- *
- Messages : 47
Inscrit(e) le : 03/05/2013 -
Re: Probleme de décalage des forums
par Invité Mer 21 Mai - 19:39
Bonsoir,
Dans votre template, il faut modifier la valeur de width pour :
Descendez la valeur en restant compris entre 0 et 100 (pourcentages obligent).
Cordialement.
Dans votre template, il faut modifier la valeur de width pour :
- Code:
<td class="row1 over" colspan="{catrow.forumrow.INC_SPAN}" valign="top" width="100%" height="50">
Descendez la valeur en restant compris entre 0 et 100 (pourcentages obligent).
Cordialement.
Invité- Invité
Re: Probleme de décalage des forums
par 14v24 Mer 21 Mai - 19:43
Merci pour votre aide !
Mais, malheureusement, cela ne marche pas... Aucun changement :/
Mais, malheureusement, cela ne marche pas... Aucun changement :/
14v24- *
- Messages : 47
Inscrit(e) le : 03/05/2013 -
Re: Probleme de décalage des forums
par 14v24 Ven 23 Mai - 17:28
Je suis toujours à la recherche d'une solution !
14v24- *
- Messages : 47
Inscrit(e) le : 03/05/2013 -
14v24- *
- Messages : 47
Inscrit(e) le : 03/05/2013 -
Sujets similaires» Affichage des forums → Décalage, problème de police
» Décalage de la dernière catégorie, comparée aux autres + décalage des forums à l'intérieur des catégories.
» [PHBB3]Décalage des sujets dans les forums
» Décalage entre les titres "vues", "derniers messages" et les données correspondantes en dessous, suite à élargissement des cellules des forums
» Décalage des forums et du QEEL sur la gauche + déformation topic en bas
» Décalage de la dernière catégorie, comparée aux autres + décalage des forums à l'intérieur des catégories.
» [PHBB3]Décalage des sujets dans les forums
» Décalage entre les titres "vues", "derniers messages" et les données correspondantes en dessous, suite à élargissement des cellules des forums
» Décalage des forums et du QEEL sur la gauche + déformation topic en bas
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Gérer l'apparence de son forum :: Archives des problèmes avec l'apparence du forum
Page 1 sur 1
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum