Probleme de décalage des forums

Voir le sujet précédent Voir le sujet suivant Aller en bas

Résolu Probleme de décalage des forums

Message par 14v24 le Mer 21 Mai 2014 - 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 :
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">&nbsp;{catrow.tablehead.L_FORUM}&nbsp;</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">&nbsp;</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("http://i55.servimg.com/u/f55/18/72/23/72/header10.jpg") no-repeat top center, url("http://i55.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("http://i55.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('http://i55.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('http://i55.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 2014 - 13:20, édité 1 fois

14v24
*

Messages : 41
Inscrit(e) le : 03/05/2013

http://heriadel.forumactif.com/
14v24 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Probleme de décalage des forums

Message par Kinotto le Mer 21 Mai 2014 - 19:39

Bonsoir,

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.

Kinotto
+ Hyperactif +

Masculin
Messages : 2177
Inscrit(e) le : 12/09/2012

http://test-nightmare.superforum.fr/
Kinotto a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Probleme de décalage des forums

Message par 14v24 le Mer 21 Mai 2014 - 19:43

Merci pour votre aide !

Mais, malheureusement, cela ne marche pas... Aucun changement :/

14v24
*

Messages : 41
Inscrit(e) le : 03/05/2013

http://heriadel.forumactif.com/
14v24 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Probleme de décalage des forums

Message par 14v24 le Ven 23 Mai 2014 - 17:28

Je suis toujours à la recherche d'une solution !

14v24
*

Messages : 41
Inscrit(e) le : 03/05/2013

http://heriadel.forumactif.com/
14v24 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Probleme de décalage des forums

Message par 14v24 le Mar 27 Mai 2014 - 12:02

Quelqu'un pour m'aider ? ><

14v24
*

Messages : 41
Inscrit(e) le : 03/05/2013

http://heriadel.forumactif.com/
14v24 a été remercié(e) par l'auteur de ce sujet.

Voir le sujet précédent Voir le sujet suivant Revenir en haut


Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum