Problème avec l'apparence de la boite de MP

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

Résolu Problème avec l'apparence de la boite de MP

Message par elea69 le Lun 22 Aoû 2011 - 14:06

Bonjour/bonsoir à vous. Smile

Voici mon problème : la boite de message privés sur mon forum sort complètement du forum, vers la droite. C'est bien le seul endroit où ça me fait ça... et je ne vois pas d'où ça vient. Crying or Very sad

Je vous ai fait une capture d'écran :

Spoiler:

Merci d'avance pour votre aide. I love you


Dernière édition par elea69 le Mer 24 Aoû 2011 - 23:15, édité 1 fois

elea69
Nouveau membre

Féminin
Messages : 10
Inscrit(e) le : 11/04/2011

http://chasing-a-dream.1fr1.net/
elea69 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème avec l'apparence de la boite de MP

Message par SoraNoHime le Mer 24 Aoû 2011 - 3:21

Bonsoir

Pouvez-vous me fournir votre template Poster & Messages Privés > privmsgs_body s'il est modifié ? et me fournir votre css ?

Cordialement.

SoraNoHime
+ Hyperactif +

Féminin
Messages : 6218
Inscrit(e) le : 10/06/2010

http://fanasiacodes.bbfr.net/
SoraNoHime a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème avec l'apparence de la boite de MP

Message par elea69 le Mer 24 Aoû 2011 - 10:38

Bonjour Macema, merci de bien vouloir nous aider. Smile

Voici le template privmsgs_body (visiblement il est modifié mais c'est sûrement quand j'ai voulu essayer de remettre en place... je préfère ne plus toucher à rien au cas où) :

Spoiler:
<table width="100%" border="0" cellspacing="0" cellpadding="0" align="center">
<tr>
<td align="center" valign="top" width="100%">
<table border="0" cellspacing="2" cellpadding="0" height="40">
<tr valign="middle">
<td>{INBOX_IMG}</td>
<td><span class="gen"><b>{INBOX}</b>  </span></td>
<td>{SENTBOX_IMG}</td>
<td><span class="gen"><b>{SENTBOX}</b>  </span></td>
<td>{OUTBOX_IMG}</td>
<td><span class="gen"><b>{OUTBOX}</b>  </span></td>
<td>{SAVEBOX_IMG}</td>
<td><span class="gen"><b>{SAVEBOX}</b></span></td>
</tr>
</table>
</td>
<td align="right"><!-- BEGIN switch_box_size_notice -->
<table class="bodyline" width="250" border="0" cellspacing="1" cellpadding="0">
<tr>
<td class="row1" colspan="3" nowrap="nowrap" width="250"><span class="gensmall">{BOX_SIZE_STATUS}</span></td>
</tr>
<tr>
<td class="row2" colspan="3" width="250">
<table border="0" cellspacing="0" cellpadding="1">
<tr>
<td class="pourcentback"><img src="{PATH_IMG_FA}empty.gif" alt="{INBOX_LIMIT_PERCENT}" height="8" width="{INBOX_LIMIT_IMG_WIDTH}"></td>
</tr>
</table>
</td>
</tr>
<tr>
<td class="row1" width="33%"><span class="gensmall">0%</span></td>
<td class="row1" align="center" width="34%"><span class="gensmall">50%</span></td>
<td class="row1" align="right" width="33%"><span class="gensmall">100%</span></td>
</tr>
</table>
<!-- END switch_box_size_notice --></td>
</tr>
</table><br clear="all" />
<form action="{S_PRIVMSGS_ACTION}" method="post" name="privmsg_list">
<table width="100%" border="0" cellspacing="2" cellpadding="0" align="center">
<tr>
<td valign="middle">{POST_PM_IMG}</td>
<!-- Start add - Custom mass PM MOD -->
<!--<td align="left" valign="middle">{MASS_PM_IMG}</td>-->
<!-- End add - Custom mass PM MOD -->
<td width="100%"></td>
<td align="right" nowrap="nowrap"><span class="gensmall">{L_DISPLAY_MESSAGES}: <select name="msgdays">
{S_SELECT_MSG_DAYS}
</select> <input class="liteoption" type="submit" name="submit_msgdays" value="{L_GO}"></span></td>
</tr>
</table>
<table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0">
<tr>
<th class="thCornerL" nowrap="nowrap" width="60%" colspan="3"> {L_SUBJECT} </th>
<th class="thTop" nowrap="nowrap" width="20%"> {L_FROM_OR_TO} </th>
<th class="thTop" nowrap="nowrap" width="15%"> {L_DATE} </th>
<th class="thCornerR" nowrap="nowrap" width="5%"> {L_MARK} </th>
</tr>
<!-- BEGIN listrow -->
<tr>
<td class="{listrow.ROW_CLASS}" align="center" valign="middle"><img title="{listrow.L_PRIVMSG_FOLDER_ALT}" src="{listrow.PRIVMSG_FOLDER_IMG}" alt="{listrow.L_PRIVMSG_FOLDER_ALT}"></td>
<td class="{listrow.ROW_CLASS}" align="center" valign="middle">{listrow.PRIVMSG_ICON}</td>
<td class="{listrow.ROW_CLASS}" valign="middle" width="55%"> <span class="topictitle"> <a class="topictitle" href="{listrow.U_READ}">{listrow.SUBJECT}</a></span></td>
<td class="{listrow.ROW_CLASS}" align="center" valign="middle" width="20%"><span class="name"> {listrow.FROM}</span></td>
<td class="{listrow.ROW_CLASS}" align="center" valign="middle" width="15%"><span class="postdetails">{listrow.DATE}</span></td>
<td class="{listrow.ROW_CLASS}" align="center" valign="middle" width="5%"><span class="postdetails"><input type="checkbox" name="mark[]2" value="{listrow.S_MARK_ID}"></span></td>
</tr>
<!-- END listrow --><!-- BEGIN switch_no_messages -->
<tr>
<td class="row1" colspan="6" align="center" valign="middle"><span class="gen">{L_NO_MESSAGES}</span></td>
</tr>
<!-- END switch_no_messages -->
<tr>
<td class="catBottom" colspan="6" align="right" height="28">
{S_HIDDEN_FIELDS}
<!-- BEGIN switch_save -->
<input class="mainoption" type="submit" name="save" value="{L_SAVE_MARKED}">  
<!-- END switch_save -->
<!-- BEGIN switch_move_profile -->
<input class="mainoption" type="submit" name="moveprofile" value="{L_MOVE_PROFILE_MARKED}" />  
<!-- END switch_move_profile -->
<input class="liteoption" type="submit" name="delete" value="{L_DELETE_MARKED}">  
<input class="liteoption" type="submit" name="deleteall" value="{L_DELETE_ALL}">
</td>
</tr>
</table>
<table width="100%" border="0" cellspacing="2" cellpadding="0" align="center">
<tr>
<td valign="top" width="5%"><span class="nav">{POST_PM_IMG}</span></td>
<!-- Start add - Custom mass PM MOD -->
<!--<td align="left" valign="middle"><span class="nav">{MASS_PM_IMG}</span></td>-->
<!-- End add - Custom mass PM MOD -->
<td valign="middle"><span class="nav">{PAGE_NUMBER}<br /><br /><br /></span></td>
<td align="right" valign="top" nowrap="nowrap"><b><span class="gensmall"><a class="gensmall" href="javascript:select_switch_privmsg(true);">{L_MARK_ALL}</a> :: <a class="gensmall" href="javascript:select_switch_privmsg(false);">{L_UNMARK_ALL}</a></span></b><br /><br />
<span class="nav">{PAGINATION}<br />
</span><span class="gensmall">{S_TIMEZONE}</span></td>
</tr>
</table>
</form>
<table width="100%" border="0">
<tr>
<td align="right" valign="top">{JUMPBOX}</td>
</tr>
</table>



Et voici notre CSS :

Spoiler:
/*--------------VRAC--------------*/

.fleur {
color: #2F4B56;
}

.titrescena {
font-family:arno pro;
font-style:italic;
font-weigth:bold;
font-size:24px;
color:brown;
text-shadow: 1px 2px 1px grey;
border-bottom: dotted 4px #fff;
display:block;
padding-bottom:4px;
width:200px;
}

.titrescena:hover {
color:red;
}

.contouravatar2 {
background-color: white;
padding:3px;
}

.scenarioavatar {
background-color : #F6E8B1;
display:block;
padding:20px;
}

.titrespresa {
font-family:arno pro;
font-style:italic;
font-weigth:bold;
font-size:34px;
color:brown;
text-shadow: 1px 2px 1px grey;
border-bottom: dotted 4px #fff;
display:block;
padding-top:4px;
width:450px;
}

.portraitchinois {
list-style-type: none;
}

.titrespresa:hover {
color: #DB0B32;
}

.secondarytitle h2 {
font-size: 20px;
font-family: optima;
text-transform:uppercase;
color:white;
display:block;
margin-top: -10px;
margin-bottom: -10px;
}

th {
color:white;
}

.derniermessage {
width: 80%;
background-color : white;
text-align : center;
border-right: 1px solid #;
border-left: 1px solid #;
border-top: 1px solid #;
border-bottom: 1px solid #;
vertical-align: middle !important;
}


/*--------------CONTOUR FORUM INT ET EXT-------------*/

.bodyline{
display:block;
width:835px;
border-bottom: 4px solid #C47979;
border-top: 4px solid #C47979;
border-left: 4px solid #C47979;
border-right: 4px solid #C47979;
-moz-border-radius-bottomleft:2px;
-moz-border-radius-bottomright:2px;
-moz-border-radius-topleft:2px;
-moz-border-radius-topright:2px;
-webkit-border-radius: 2px;
box-shadow: 2px 2px 2px black;
}

.forumline{
-moz-border-radius:2px;
-webkit-border-radius:2px;
-o-border-radius:2px;
border: solid 2px #FDEED5;
}


/*----------------------PROFIL---------------------*/

.contouravatar
{
box-shadow: 2px 3px 2px grey;
}

.contourprofil {
background-color : white;
border: 1px solid #;
box-shadow: 1px 2px 2px grey;
}


/*----------------LIENS SUBFORUM--------------*/

.souforums {
text-align:center;
color: #fbd4bf;
font-size: 12px;
display:block;
margin-top:-5px;
}

.souforums a {
text-align:center;
color: #fbd4bf;
text-shadow: 1px 0px 1px grey;
font-size: 12px;
font-family: arial;
}

.souforums a:hover {
text-align:center;
font-size: 12px;
font-family: arial;
}




/*--------------------INFO BULLES----------------*/

*infobulle {
}
a.info {
position: relative;
color: #CE8A5D;
text-decoration: none;
}

a.info span {
display: none; /* on masque l'infobulle */
font-size: 12px;

}
a.info:hover {
background: none; /* correction d'un bug IE */
z-index: 999; /* on définit une valeur pour l'ordre d'affichage */

cursor: help; /* on change le curseur par défaut en curseur d'aide */
}
a.info:hover span {
display: inline; /* on affiche l'infobulle */
position: absolute;

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é */

top: 10px; /* on positionne notre infobulle */
left: 8px;

background: white;

color: #CE8A5D;
padding: 3px;

border: 1px solid #CE8A5D;
padding:10px;
-moz-border-radius-bottomleft:10px;
-moz-border-radius-bottomright:10px;
-moz-border-radius-topleft:10px;
-moz-border-radius-topright:10px;
}

.cadre{
background-color:#FEFCF0;
border: #046380 solid 1px;
-moz-border-radius-bottomleft:0px;
-moz-border-radius-bottomright:0px;
-moz-border-radius-topleft:0px;
-moz-border-radius-topright:0px;
-webkit-border-radius: 0px;
box-shadow: 1px 2px 1px grey;
line-height:10px;
padding:15px;
text-align: justify;
font-size: 12px;
margin-bottom: -25px;}

.cadre:hover{
border: #d11110 solid 1px;
cursor: text;
padding:15px;
text-align: justify;
font-size: 12px;}

/*--------------------------------- QEEL-------------------------------- */

.message {
background-color: #fef5e2 ;
padding-top: 5px;
padding-bottom: 5px;
padding-left: 30px;
padding-right: 30px;
font-family: times new roman;
text-align: justify;
color: #CE8A5D;
height: 150px;
width: 455px;}

.onglet { background-color: #fef5e2 ;
padding-top: 3px;
padding-bottom: 3px;
padding-right: -10px;
margin-top:15px;
font-family: times new roman;
font-weight :bold;
font-style:italic;
font-size: 16px;
text-transform: lowercase;
text-align: center;
color: #CE8A5D;
height: 20px;
width: 120px;}

.onglet:hover { background-color: #fef5e2 ;
padding-top: 3px;
padding-bottom: 3px;
padding-right: -10px;
font-family: times new roman;
font-weight :bold;
font-size: 16px;
text-transform: lowercase;
text-align: center;
color: #CE8A5D;
height: 20px;
width: 120px;}

.tableauqueel{
background-color : #183152 ;
border : solid Xpx #95744D ;
-moz-border-radius : 12px 12px 12px 12px}

.imgqeel {
display:block;
padding:10px;
}

.partiedroite {
font-size : 12px ;
border-left : 2px dotted #FFFFFF ;
padding-left : 10px }


.groupes{
border: 1px color #B33720 ;
-moz-border-radius : 28px 28px 28px 28px;
height:40px;
padding-right:6px;
padding-left:8px;
padding-bottom:3px;
font-size:14px
;font-weight: bold;
text-align:center;
font-color : #183152;
text-decoration: none !important;
}




/*-------------GENERALITES------------*/

a {
text-decoration: none;
}

a:subforum:link {
color: #fbd4bf;
font-size: 12px;
}

a:link {
text-decoration: none;
}

a:hover {
text-decoration: none!important;
}


a.forumlink {
text-decoration: none;

}

a.forumlink:hover {
text-decoration: none!important;
}

.name {
color: blue;
}

a.topiclink {
text-decoration: none;
}

a.topiclink:hover {
text-decoration: none!important;
}

tr.post span.gensmall {
display: none;
}



/*----------------MESSAGES----------------*/


.postbody {
display:block;
padding-left:20px;
padding-right:20px;
text-align:justify;
}

blockquote {
text-align: justify;
}


/*--------------------------LIENS NAVIGATION-----------------------*/

.maintitle {
font-size : 50px;
font-family : Verdana;
}

a.mainmenu {
color: brown;
font-family:times new roman;
font-weight:bold;
text-transform:lowercase;
font-size:14px;
padding: -2px; /* marge interieure */
margin-bottom: 2px;
text-shadow:1px 0px 1px white;
text-decoration:none;
}


a.mainmenu:hover {
color:firebrick;
text-decoration:italic;
}

/*--------------------------LIENS CATEGORIES------------------------*/

a.forumlink:link, a.forumlink:visited {
color: #C47979;
font-family:optima;
font-size:20px;
display:block;
padding-left: 10px;
padding-bottom: -10px;
margin-left: +10px;
margin-bottom:-10px;
text-transform:uppercase;
text-shadow:2px 0px 2px white;
text-decoration:none;
}

a.forumlink:hover, a.forumlink:hover:visited {
color:#e1c5e3;
text-decoration:none;
}


/*-------------------CODES CITER SPOILER------------------*/

.code {
width : 350px !important;
}

.code, .spoiler, .quote{
font-family:tahoma;
letter-spacing:-1px;
-moz-border-radius:10px 10px 10px 10px;
-webkit-border-radius:10px;
}


/*----------------------TITRES CATEGORIES---------------------*/

.titrecat {
font-size: 12px;
text-align: center;
padding-top: -2px;
padding-bottom: 14px;
display: block;
width: 40%;
border-top: 1px solid #C4D7ED;
border-right: 1px solid #C4D7ED;
border-left: 1px solid #C4D7ED;
background-color: #375D81;
-moz-border-radius-topleft: 20px;
-moz-border-radius-topright: 20px;
-moz-border-radius-bottomleft: 20px;
-moz-border-radius-bottomright: 20px;
margin-top: 20px;
height: 20px;
font-weight: bolder;
font-family:times new roman;
color: white;
}


/*--------------------DESCRIPTION CATEGORIES-----------------*/

.truc {
background-color: #fdeed5;
text-align: justify;
font-family: tahoma;
font-size: 10px;
padding-top: 10px;
padding-bottom: 10px;
padding-left: 15px;
padding-right: 15px;
}


/*-----------------------BARRE NAVIGATION-------------------------*/

.barre-nav {

text-align:center; /* pour centrer le contenu de la barre */

background: #; /*fond de la barre de navigation*/
text-shadow: 0px 0px 3px #8b2b5b; /*ombrage du texte*/
padding: 3px; /* marge interieure */
margin:4px; /* marge exterieure */
width: 850px;
display: block;
margin-left: auto;
margin-right:auto;

/*arrondir la bordure*/
-moz-border-radius: 10px; /* pour mozilla firefox */
-webkit-border-radius:10px; /* pour chrome et safari */
border-radius:10px; /* pour Internet Explorer 9, Firefox 4, Chrome 10 */


}

.mainmenu{
color:#183152; /* donner une couleur aux liens */
}



/*---------------------------CODE CSS PA------------------------------*/

.cadre1 {
background: #fefcf0;
width: 745px;
display:block;
margin: 0px auto;
}

.contentTables {
width: 740px;
margin: auto;
}

.leftTab {
float: left;
}

.rightTab {
float: right;

}

.title {
display: block;
text-align: center;
margin-left: auto;
margin-right: auto;
width: 680px;
border-bottom: 10px double #fef5e2;
border-color: #ce8a5d;
}


#title1 {
font-size: 60px;
font-variant: small-caps;
text-shadow: #858888 0 0 12px;
color: #3a5ba3;
text-align: center;
}

#title2 {
font-size: 60px;
font-variant: small-caps;
text-shadow: #858888 0 0 12px;
color: #C18160;
text-align: center;
}

.menuList {

list-style-type: none;
display: block;
margin: auto;
padding-bottom:5px;
padding-top:5px;
text-align: center;
}

.menuList li {
display: inline;
font-size: 20px;
padding: 10px;
}

.menuList a {
color: #FADA81;
text-decoration: none;
font-weight: bold;
font-variant: small-caps;
text-shadow:1px 0px 1px grey;
}

.menuList a:hover {
color: #fbd4bf;
}

.subtitle {
text-transform: lowercase;
color: #C98B8C;
font: italic bold 28px "Times New Roman", Times, Georgia, serif;
text-align: center;
display: block;
margin-bottom: -3px;
}

.subtitle:hover {
color: #FADA81;
}

.auckland {
background: #FDEED5;
padding: 20px;
text-align: justify;
width: 340px;
height: 167px;
overflow: auto;
font: 12px optima, sans-serif, Verdana, Lucida, "Lucida Grande";
color: #845452;
margin: 3px;
border: #C98B8C 1px solid;
}

.le_staff {
background: #FDEED5;
padding: 20px;
text-align: justify;
height: 77px;
width: 280px;
font: 13px sans-serif, Verdana, Lucida, "Lucida Grande";
color: #845452;
margin: 3px;
border: #C98B8C 1px solid;
}

.le_staff a{
text-decoration: none;
color: #585858;
font-size: 12px;
}

.le_staff a:hover {
text-decoration: none;
color: #b00b09;
font-size: 12px;
}

.le_staff table tr td{
width: 140px;
text-align: center;
}

.actualite {
background: #FDEED5;
padding: 20px;
text-align: justify;
width: 280px;
height: 60px;
overflow: auto;
font: 11px optima, sans-serif, Verdana, Lucida, "Lucida Grande";
color: #845452;
margin: 0px;
border: #C98B8C 1px solid;
}

.actualite li {
list-style-type: none;
}

.scenario {
background: #FDEED5;
padding: 20px;
text-align: justify;
width: 340px;
overflow: auto;
font: 13px sans-serif, Verdana, Lucida, "Lucida Grande";
color: #845452;
margin: 3px;
border: #C98B8C 1px solid;
}

.scenario img {
width: 60px;
height: 60px;
margin: 0px 3px;
text-align: center;
}

.scenario table {
display: block;
margin: 0px auto;
text-align: center;
}

.partenariat {
background: #FDEED5;
padding: 20px;
text-align: justify;
height: 80px;
font: 12px optima, sans-serif, Verdana, Lucida, "Lucida Grande";
color: #845452;
width: 280px;
margin: 3px;
border: #C98B8C 1px solid;
}

.partenariat a{
text-decoration: none;
color: #585858;
font-size: 12px;
}

.soleils a{
font-size: 20px;
color: #E6BF6E;
text-shadow: 1px 0px 1px grey;
}

.soleils {
font-size: 20px;
color: #E6BF6E;
text-shadow: 1px 0px 1px grey;
}

.partenariat a:hover {
text-decoration: none;
color: #b00b09;
font-size: 12px;
}

.partenariat table tr td{
width: 140px;
text-align: center;
}


.voteForUs {
margin-left: 21px;
display: block;
font: bold 12px "Lucida Grande", Lucida, Verdana, sans-serif;
}

.voteForUs #banniere {
display: block;
margin-top: 10px;
margin-left: 0;
}


elea69
Nouveau membre

Féminin
Messages : 10
Inscrit(e) le : 11/04/2011

http://chasing-a-dream.1fr1.net/
elea69 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème avec l'apparence de la boite de MP

Message par SoraNoHime le Mer 24 Aoû 2011 - 23:03

Dans votre css à .bodyline

enlevez le display : block;


Cordialement.

SoraNoHime
+ Hyperactif +

Féminin
Messages : 6218
Inscrit(e) le : 10/06/2010

http://fanasiacodes.bbfr.net/
SoraNoHime a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème avec l'apparence de la boite de MP

Message par elea69 le Mer 24 Aoû 2011 - 23:15

Ca marche, merci beaucoup Macema, me voilà rassurée !


elea69
Nouveau membre

Féminin
Messages : 10
Inscrit(e) le : 11/04/2011

http://chasing-a-dream.1fr1.net/
elea69 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