Signature dans "Profil" large / décalé
2 participants
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
Signature dans "Profil" large / décalé
Détails techniques
Version du forum : phpBB2
Poste occupé : Fondateur
Navigateur(s) concerné(s) : Google Chrome
Capture d'écran du problème :
- Voir l'image:
Personnes concernées par le problème : Tous les utilisateurs
Lien du forum : http://sapph-tests.forumactif.org/
Description du problème
Bonjour / Bonsoir,Je me permets de déranger car il y a un problème que je n'arrive pas à résoudre sur mon forum test. En effet comme vous pouvez le voir sur la capture d'écran, certains éléments sortent du corps du forum. Ce problème a lieu dans l'onglet "Signature" lorsque l'on veut la modifier...
Je vous fourni mon CSS (Car je pense que c'est de là que vient le problème) :
- CSS:
- Code:
/*---------------GENERALITES DU FORUM------------------*/
/*fond + bannière*/
body {
background: url("http://i.imgur.com/5DbhTAR.png") no-repeat center top,
url("http://i.imgur.com/g8S5eCi.png") repeat 0 0;
}
/*espace pour la bannière*/
#i_logo
{
height: 461px;
}
/*fond de l'espace catégorie*/
#page-body
{
background: url("http://i.imgur.com/xMnVfCZ.jpg");
width: 800px;
}
/*largeur de l'espace catégorie*/
.bodylinewidth
{
width: 800px;
}
/*suppression du soulignement des liens*/
a:link, a:link hover
{
text-decoration: none !important;
}
/*---------------FIN GENERALITES DU FORUM------------------*/
/*---------------NAVIGATION-----------------*/
/*mise en place de la barre*/
#navig
{
width: 800px;
text-align: center;
background: url("http://i.imgur.com/xMnVfCZ.jpg");
height: 30px;
}
/*personnalisation des liens*/
#navig a
{
font-family: 'Pompiere';
font-size: 18px;
color: #1C2240 !important;
transition: 1s; /* realise une transition lente avec l effet au survol */
-moz-transition: 1s;
-htm-transition: 1s;
-o-transition: 1s;
-webkit-transition: 1s;
}
/*personnalisation des liens au survol*/
#navig a:hover
{
color: #BFCBD9 !important;
transition: 1s; /* realise une transition lente avec l effet au survol */
-moz-transition: 1s;
-htm-transition: 1s;
-o-transition: 1s;
-webkit-transition: 1s;
}
/*--------------FIN NAVIGATION----------------*/
/*---------------CATEGORIES------------------*/
/*titre de la catégorie*/
.cate_titre h2
{
width: 800px;
color: #205BA8;
font-family: 'Permanent Marker', cursive;
font-size: 28px;
letter-spacing: 2px;
text-align: right;
padding: 3px 0;
height: 50px;
margin-top: 50px;
margin-bottom: -50px;
margin-left: -10px;
}
/*bloc de la catégorie*/
.cate_bloc
{
height: 180px;
margin-top: 60px;
}
/*lien du forum*/
a.forumlink
{
position : absolute;
z-index: 10;
display: block;
width: 380px;
margin: 10px 0 0 195px;
padding: 2px 0 2px 100px;
background: #1B2242;
font-family: 'Pompiere', sans-serif;
color: #F0F0F3 !important;
font-size: 16px;
transition: 500ms;
}
/*lien du forum au survol*/
a.forumlink:hover
{
background: #4A4B74;
}
/*bloc du dernier sujet*/
.last_post
{
position: absolute;
z-index: 11;
width: 150px;
height: 100px;
padding-top: 50px;
right: 0;
margin-right: 300px;
margin-top: -140px;
background: #d0cdc8;
border: 5px solid #F0F0F3;
box-shadow: 0px 0px 5px #39322c;
border-radius: 150px;
overflow: hidden;
text-align: center;
font-size: 11px;
}
/*nombre de sujets et messages*/
.stats1, .stats2
{
position: absolute;
z-index: 12;
width: 60px;
text-align: center;
right: 0;
font-size: 26px;
line-height: 14px;
font-family: 'Pompiere', cursive;
color: #999999;
margin-right: 300px;
margin-top: -230px;
}
.stats1
{
margin-right: 350px;
margin-top: -120px;;
}
.stats2
{
margin-right: 350px;
margin-top: -30px;
}
.stats1 .gensmall, .stats2 .gensmall
{
display: block;
font-family: 'Pompiere', serif;
color: #999999;
font-size: 12px;
}
/*bloc avatar du dernier posteur*/
.forum_avatar
{
position: absolute;
z-index: 13;
width: 60px;
height: 60px;
right: 0;
margin-right: 280px;
margin-top: -140px;
overflow: hidden;
border-radius: 60px;
border: 3px solid #F0F0F3;
box-shadow: 0px 0px 5px #39322c;
background: #3a332d;
}
/*avatar du dernier posteur*/
.forum_avatar img
{
width: 65px;
margin-top: -20px;
}
/*icône "new" "no new" "old"*/
.forum_icone
{
position: absolute;
z-index: 12;
right: 0;
margin-right: 275px;
margin-top: -80px;
}
/*Section du bas du forum (description + image)*/
.forum_bottom {
position: relative;
width: 800px;
height: 137px;
margin: auto;
margin-top: 10px;
}
/*Bloc de la description du forum*/
.forum_desc {
float: left;
width: 800px;
}
/*Cadre de l'image de la description*/
.forum_desc_img_cadre {
float: left;
width: 200px;
height: 150px;
border: 5px solid #F0F0F3;
box-shadow: 0px 0px 5px #39322c;
margin-left: 5px;
}
/*Image de la description*/
.forum_desc img {
width: 200px;
height: 150px;
}
/*Description du forum*/
.forum_desc_desc {
float: left;
width: 380px;
height: 105px;
margin-top: 50px;
padding-left: 20px;
padding-right: 5px;
font-family: 'Gudea', sans-serif;
font-size: 13px;
text-align: justify;
overflow: auto;
}
/*Bloc sous les sous-forums*/
.forum_bloc_sous_forums {
position: absolute;
width: 180px;
height: 130px;
z-index: 1;
margin-left: 5px;
}
/*Sous-forums*/
.forum_sous_forums {
width: 190px;
height: 140px;
padding: 10px;
text-align: center;
font-family: 'Gudea';
opacity: 0;
background-color: rgba(0,0,0,0.8);
transition: 0.5s;
-webkit-transition: 0.5s;
}
/*Apparition des Sous-forums*/
.forum_bloc_sous_forums:hover .forum_sous_forums {
opacity: 1;
}
/*couleur des liens des sous-forum*/
.forum_sous_forums a {
color: #F0F0F3;
}
/*---------------FIN CATEGORIES------------------*/
#chatbox_header{
background: #4A4B74;
}
#chatbox_footer {
background: #4A4B74;
}
#chatbox{
background: #f3f3f3;
}
#chatbox_members{
background: #f3f3f3;
}
.chatbox_row_1{
background: #f3f3f3;}
.chatbox_row_2{
background: #f3f3f3;}
#chatbox_members .member-title{
background: #f3f3f3;
}
td.catBottom, th.thBottom {
border-width: 0 0px 0px !important;
}
#chatbox_header .catBottom .cattitle {
color: #ffffff;
}
#chatbox_header .chatbox-options .genmed,
#chatbox_header .chatbox-options,
#chatbox_header .chatbox-options a {
color: #ffffff;
}
/*-----------------LISTE SUJETS-----------------*/
/*intitulé "sujets"*/
.battysujet_sujet{
font-size: 25px;
color: #4A4B74 !important;
font-family: 'Pompiere', sans-serif;
text-transform:uppercase;
font-weight:normal;
}
/*image "old", "new" etc. du sujet*/
.battysujet_image{
display:inline-block;
width: 80px;
height:80px;
margin-top: 5px;
margin-bottom: 5px;
margin-left: 5px;
margin-right: -4px;
overflow:hidden;
}
/*bloc du titre*/
.battysujet_description{
position:relative;
display: inline-block;
font-size: 12px;
background-color: #F0F0F3;
width: 420px;
height:50px;
padding:5px;
margin-top: 5px;
margin-bottom: 5px;
text-align:justify;
overflow:hidden;
}
.battysujet_etiquette{
position:absolute;
right: 5px;
bottom:5px;
}
/*bloc "Dernier Message"*/
.battysujet_dernier{
display: inline-block;
font-size: 12px;
background-color: #F0F0F3;
width: 200px;
height:50px;
padding:5px;
margin: 5px;
text-align:center;
overflow:hidden;
}
battysujet_type{
text-transform:uppercase;
color:#282828;
}
.repetcurieux{
font-size: 12px;
color:#000;
font-family: 'Arial';
font-weight: normal;
}
.titresujet{
font-size: 18px;
color:#4A4B74 !important;
font-family: 'Pompiere', sans-serif;
text-transform:uppercase;
text-decoration: none !important;
font-weight:normal;
}
.lastpost-avatar img {
width: 55px;
height: 110px;
margin-top: -20px;
margin-left: -3px;
}
.lastpost-avatar {
z-index: 13;
width: 45px;
height: 45px;
right: 0;
overflow: hidden;
border-radius: 60px;
border: 3px solid #F0F0F3;
box-shadow: 0px 0px 5px #39322c;
background: #3a332d;
float: right;
margin-top: 30px;}
/*------------------FIN LISTE SUJETS----------------*/
.description4 {
display: block;
width: 200px;
margin: auto;
height: 400px;
overflow: hidden;
margin-top: -10px;
transition:0.4s ease;
position: relative;
z-index: 1;
border: 2px solid #FFFFFF;
box-shadow: 0px 0px 2px #39322c;
}
.description4:hover {
display: block;
width: 200px;
margin: auto;
height: 400px;
overflow: hidden;
margin-top: -10px;
}
.description4_contenu {
position: absolute;
width: 200px;
height: 400px;
overflow: 400px;
background-color: #EFE9DD;
font-size: 11.5px;
font-family:'Gudea';
color: #3E352E;
text-align: justify;
padding:0px;
opacity: 0;
transform: all;
transition: 1s;
margin-top: -10px;
}
.description4_contenu img {
width: 180px;
}
.description4_contenu:hover {
opacity: 1;
transform: all;
transition: 1s;
margin-top: -10px;
}
/*bordures titre*/
.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;
}
/*---------------FICHES----------------*/
.chapeau {
width:500px;
border-top: 4px solid #4A4B74;
border-radius: 100px 100px 0px 0px;
}
.fiche1 {
width: 480px;
padding: 10px;
font-family: 'Gudea';
text-align: justify;
background: url("http://i.imgur.com/7gPwYnH.jpg");
}
.titrefiche1 {
text-align: center;
color: #4A4B74;
font-family: 'Pompiere';
font-size: 40px;
margin-top: -20px;
}
.soustitrefiche1 {
color: #4A4B74;
font-family: 'Pompiere';
font-size: 18px;
width: 480px;
border-bottom: 1px solid #4A4B74;
}
.titrefiche2 {
text-align: center;
color: #4A4B74;
font-family: 'Pompiere';
font-size: 40px;
margin-top: 20px;
}
.fiche2 {
width: 500px;
padding: 10px;
font-family: 'Gudea';
text-align: justify;
border: 5px solid #ffffff;
background: url("http://i.imgur.com/7gPwYnH.jpg");
}
Merci à ceux qui prendront la peine de me lire ~
Dernière édition par Sapphire-Melody le Jeu 31 Mar 2016 - 19:14, édité 1 fois
Re: Signature dans "Profil" large / décalé
Le problème est toujours d'actualité.
Merci~
Merci~
Re: Signature dans "Profil" large / décalé
Bonjour Sapphire-Melody, le problème ne vient pas de vous, c'est un beug, je ne sais pas quand il sera résolu ^^
Vous pouvez essayer de régler le problème en mettant ce code dans votre CSS , réglez la taille comme vous avez besoin :
Cela influe sur tous les éditeurs, il faut donc ne pas être en dessous de la taille des autres éditeurs de texte.
Bien à vous.
Vous pouvez essayer de régler le problème en mettant ce code dans votre CSS , réglez la taille comme vous avez besoin :
- Code:
.sceditor-container.ltr.sourceMode {
max-width: 600px;
}
Cela influe sur tous les éditeurs, il faut donc ne pas être en dessous de la taille des autres éditeurs de texte.
Bien à vous.
Re: Signature dans "Profil" large / décalé
Merci beaucoup Jay, le problème est résolu !
Sujets similaires
» 1er champ dans le profil décalé
» image qui décale dans le profil message d'un membre.
» Profil décalé dans les messages et affichage variant
» couleur dans profil signature
» Ligne signature dans Profil disparue
» image qui décale dans le profil message d'un membre.
» Profil décalé dans les messages et affichage variant
» couleur dans profil signature
» Ligne signature dans Profil disparue
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