Vérifiez vos informations

Il semblerait que les informations techniques de votre profil n'aient pas été actualisées depuis un certain temps... Pour que l'aide apportée vous soit efficace, il est important que ces informations soient à jour : prenez quelques secondes pour confirmer ou compléter les informations suivantes.


Lien de votre forum
Version de ce forum
Vous êtes le fondateur de ce forum
Vous avez modifié le CSS de ce forum
Vous avez modifié les templates de ce forum
Votre navigateur

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("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 2014 - 13:20, édité 1 fois
avatar

14v24
*

Messages : 47
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.
avatar

Kinotto
Membre actif

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 :/
avatar

14v24
*

Messages : 47
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 !
avatar

14v24
*

Messages : 47
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 ? ><
avatar

14v24
*

Messages : 47
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