Poster un message - forum étalé

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

Résolu Poster un message - forum étalé

Message par KillMoon le Ven 28 Nov 2014 - 17:20

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://lazuli.forumactif.org/

Description du problème

Bonjour!

Je viens de remarquer que lorsque je vais sur "répondre" un topic, le forum s'étale sur presque toute la largeur... je crois que c'est quelquechose que j'ai changé mais je ne sais plus quoi au juste. À l'aide!

Voici mon CSS:

Code:
#right{
width:180px !important;}



#page-body{
    margin:0px 85px;
}
/*********************************** v FONTS DES DIFFÉRENTS GROUPES ***********************************/

a span[style="color:#FB4F2D"] strong {
  font-family: 'Lithos Pro';
  font-size: 15px;
  text-shadow: 0px 0px 5px #000000;
  font-weight: normal;
  letter-spacing: 1px;
}

a span[style="color:#C78132"] strong {
  font-family: 'Lithos Pro';
  font-size: 15px;
  text-shadow: 0px 0px 5px #000000;
  font-weight: normal;
  letter-spacing: 1px;
}

a span[style="color:#63B31B"] strong {
  font-family: 'Lithos Pro';
  font-size: 15px;
  text-shadow: 0px 0px 5px #000000;
  font-weight: normal;
  letter-spacing: 1px;
}

a span[style="color:#A249B8"] strong {
  font-family: 'Lithos Pro';
  font-size: 15px;
  text-shadow: 0px 0px 5px #000000;
  font-weight: normal;
  letter-spacing: 1px;
}

a span[style="color:#F5C9AB"] strong {
  font-family: 'Lithos Pro';
  font-size: 15px;
  text-shadow: 0px 0px 5px #000000;
  font-weight: normal;
  letter-spacing: 1px;
}







/*********************************** v LOGO ET FOND ETC***********************************/
body
{  background-image: url(http://image.noelshack.com/fichiers/2014/48/1416951640-lazuli-logo-prepare.png), url(http://image.noelshack.com/fichiers/2014/48/1416949336-1920x1080pour-nouveau-logo.png);
background-size: normal; 100% auto;
  background-color: #couleur;
background-repeat: no-repeat, no-repeat;
background-position: top center; scroll;
background-attachment: scroll, fixed;
}

/*********************************** ^ LOGO ET FOND ^***********************************/

.postbody {
text-align:justify;
padding-left:25px;
padding-right:25px;
}

textarea, .textarea.post, input.post {
background-image:url(url de la texture );}

textarea, .textarea.post, input.post {
-moz-border-radius:5px;
-webkit-border-radius:8px;
border:2px solid #1F1D1A;}

/*********************************** v TITRES personnalisés POUR ADMINISTRATION ETC***********************************/
.TitreLazu {; font-family: Georgia;
  color: #4987cc;
  text-shadow: 1px 4px 2px #070707;
  font-weight: italic;
  font-size: 18px;
  margin: auto
}

.TitreLero {; font-family: Georgia;
  color: #72c714;
  text-shadow: 1px 4px 2px #070707;
  font-weight: italic;
  font-size: 18px;
  margin: auto
}

.TitreAstu {; font-family: Georgia;
  color: #c2741b;
  text-shadow: 1px 4px 2px #070707;
  font-weight: italic;
  font-size: 18px;
  margin: auto
}

h2.post-content{ background:url(http://image.noelshack.com/fichiers/2014/48/1416863701-vf-ribbon04.png) no-repeat;
  text-shadow: 1px 2px 2px #070707;
  margin: 40px;
  color: #ffffff
}
/*********************************** v    BLOC predefini Mon texte***********************************/
.shadow-box {
  position: relative;
  border-radius: 2px;
  background: #272f2b;
  padding: 15px;
  margin: 10px;
  box-shadow: 0 1px 5px rgba(0,0,0,.25), 0 0 50px rgba(0,0,0,.1) inset;
}
.shadow-box:before {
  content: " ";
  box-shadow: 0 0 15px rgba(0,0,0,.6);
  position: absolute;
  left: 0;
  right: 0;
  top: 10%;
  bottom: 10%;
  border-radius: 10px/100px;
  z-index: -1;
}
/*********************************** ^    BLOC predefini Mon texte***********************************/
/*********************************** v FONTS INSTALLEES***********************************/
@font-face {
font-family: MarigoldWild;
src: url('https://www.dropbox.com/s/jrpfxhmyvg371qe/marigoldwild.ttf'); format('ttf'),
}

@font-face {
font-family: Toril;
src: url('https://www.dropbox.com/s/7lo7s2dkyoeren9/Toril.ttf');
}

/*********************************** v ENCADREMENT PROFIL ***********************************/
div.post_profile {
border:3px double #000000;
background-image:url(http://image.noelshack.com/fichiers/2014/47/1416386515-fond-profil.png);
padding:3px;
box-shadow: 0px 3px 3px #000000;
}

/*********************************** v PAS DE SOULIGNEMENT DE LIEN ***********************************/
a:hover{text-decoration: none !important;}
a {text-decoration: none !important;}
a:link {text-decoration: none;}
a:visited {text-decoration: none;}
tr.post span.gensmall {display: none}


/*********************************** v Chatbox ***********************************/
#chatbox_header{
background-image:url(http://image.noelshack.com/fichiers/2014/47/1416384017-barre-chatbox.png);
}

body.chatbox {
background-image: url(http://image.noelshack.com/fichiers/2014/47/1416384018-fond-chatbox.png);
}

body.chatbox #chatbox_header .chatbox-title,
body.chatbox #chatbox_header .chatbox-title a.chat-title {
    font: MarigoldWild !important;
}

.chatbox-options li,
.chatbox-options li a,
.chatbox-options li label {
  color: #000000;
}


/*********************************** ^ Chatbox ***********************************/

/*********************************** v Encadrer l'avatar ***********************************/
div.post_avatar img {
border:6px double #345dce;
background:#0d0a0a;
padding:3px;}
/*********************************** ^ encadrer l'avatar ***********************************/

/*********************************** V ONLINE SUR L'AVATAR  ***********************************/
.icon_online {
position:absolute;
margin-left:***px;
margin-top:-***px;}
/*********************************** ^ ONLINE SUR L'AVATAR ***********************************/



/* --------------------------------- BARRE NAVIGATION FIXEE  http://www.never-utopia.com/t37236-barre-de-navigation-fixe-en-haut-du-forum-html-css--------------------------------- */

#navig
{
  width: 950px;
  margin: auto;
  text-align: center;
}

#navigation
{
  position: fixed;
  z-index: 999;
  width: 100%;
  background-color: #0f120f;
  border-bottom: 2px solid #141210;
  margin-top: -2px;
  margin-left: -2px;
  padding: 6px;
}

#navig a
{
  font-size: 13px;
  text-shadow: 0px 0px 4px #e44723;
  font-family: 'Lithos pro';
  text-transform: uppercase; 
}

/* --------------------------------- ^BARRE NAVIGATION FIXEE  http://www.never-utopia.com/t37236-barre-de-navigation-fixe-en-haut-du-forum-html-css--------------------------------- */



/************************************************************ DÉBUT QEEL ************************************************************/

/*Fond du qeel*/
#qeel {
  position: relative;
  width: 797px;
  height: 681px;
  margin: auto;
  background-image: url('http://image.noelshack.com/fichiers/2014/48/1416922188-qeel-image2.png');
}

/*Carré des informations sur les membres*/
#qeel_info_members {
  position: absolute;
  top: 28px;
  left: 37px;
  width: 340px;
  height: 230px;
  color: #c9c7be;
  font-size: 11px;
  font-family: arial;
  letter-spacing: 1px;
  text-align: left;
}

/*Mise en forme des listes des membres connectés*/
#userlists {
  margin-top: 5px;
  height: 150px;
  overflow: auto;
}
#totalconn {
  margin-top: 5px;
}
#totalconn .row1{
  background: transparent;
  vertical-align: top;
}
#totalconn .gensmall {
  color: #c9c7be;
  font-size: 11px;
  font-family: arial;
  letter-spacing: 1px;
  text-align: left;
}


/*Section des groupes*/
#qeel_bottom {
  position: absolute;
  bottom: 30px;
  left: 12px;
  width: 773px;
  height: 254px;
  text-align: center; 
}

/*Nom des groupes*/
.qeelonglet {
  opacity: 0.6;
}
/*Groupe au survol*/
.qeelonglet_0:hover {
  cursor: pointer;
  opacity: 0.9;
}
/*Groupe actif*/
.qeelonglet_1 {
  opacity: 1;
}
/*Pour aligner l'onglet Deserteurs*/
#qeelonglet_Deserteurs {
  position: relative;
  top: 5px;
}

/*Images de description des groupes*/
.contenu_qeelonglet {
  width: 773px;
  height: 171px;
  margin-top: 7px;
  display: none;
}

/************************************************************ FIN QEEL ************************************************************/




/*Par Alu' pour NU*/
.fondpost{
  background-color: #0a0c0a;
  border: 1px solid #171a21;
  border-radius:500px / 90px;
  padding: 50px 15px;
  min-height: 230px;
  margin-top: 10px;
}




/********** WIDGET PLAYLIST **********/
.widget_flottant
{
width: 250px;
height: 100px;

position:fixed;
top: 200px;
right: 40px;
}

/********** V PARTENAIRES FOND PAGE V **********/
.toppartenaire {
width: 500px; /*largeur du cadre*/
height: 120px; /*hauteur du cadre, vous pouvez mettre auto si vous ne voulez pas définir une hauteur précise*/
-moz-border-radius: 30px; /*pour avoir un arrondi aux 4 coins de 30px, fonctionne uniquement sur mozilla*/
-webkit-border-radius: 30px; /*idem, fonctionne pour tous*/
border : 3px solid #332f27; /*le cadre du forum*/
background-color: #1c1a13; /*la couleur du fond*/
padding:10px; /*donne une marge de 10px de chaque côté et en haut et en bas du cadre*/
color: #ee6d63; /*couleur de l'écriture dans le cadre*/
}
/********** ^ PARTENAIRES FOND PAGE ^ **********/


/******************************************************* DÉBUT CATÉGORIES *******************************************************/


/*Catégorie*/
.cate {
  margin-bottom: 10px;
}

span.cate_title {
  display: block;
  background-image: url('http://img15.hostingpics.net/pics/956965Sanstitre.png');
  width: 740px;
  margin: 15px;
  padding: 10px;
  padding-bottom: 0px;
}
/*Titre de la catégorie*/
.cate_title h2 {
  display: block;
  margin: 0px;
  padding: 0px;
  font-family: 'Lithos Pro';
  font-size: 28px;
  text-shadow: 0px 0px 5px #000000;
  color: #23709e;
  font-weight: normal;
  letter-spacing: 1px;
}


/*Bloc de chaque forum*/
.forum {
  width: 740px;
  height: 199px;
  margin: auto;
  margin-bottom: 10px;
  padding: 10px;
  background-image: url(http://image.noelshack.com/fichiers/2014/48/1416945713-pattern.png);
  text-align: center;
  color: #7b848f;
}


/*Section du haut du forum*/
.forum_top {
  width: 718px;
  height: 30px;
  margin: auto;
  padding: 10px;
  background-color: #1F1D1A;
  border: 1px solid #161412;
}

/*Section de gauche avec le titre et les stats*/
.forum_top_left {
  float: left;
  width: 430px;
  text-align: left;
}
/*Titre du forum*/
a.forumlink {
  font-family: 'Lithos Pro';
  font-size: 15px;
  text-shadow: 1px 1px 1px #000000;
  color: #23709e!important;
  font-style: italic;
  font-weight: normal;
  letter-spacing: 2px;
  transition: 0.5s;
  -webkit-transition: 0.5s;
}
/*Titre du forum survolé*/
a.forumlink:hover {
  text-decoration: none!important;
  letter-spacing: 4px;
}
/*Statistiques*/
.forum_stats {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 13px;
}

/*Section de gauche avec le dernier message*/
.forum_top_right {
  position: relative;
  float: left;
  width: 278px;
  margin-left: 10px;
  text-align: left;
}
/*Dernier message*/
.forum_last_mess {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  color: #7b848f;
}
/*Placement du titre du dernier message*/
.forum_last_mess a {
  display: block;
  margin-left: 28px;
  margin-bottom: 3px;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
}
/*Placement de l'image du dernier message*/
.cate a.last-post-icon, .cate a img[src="http://image.noelshack.com/fichiers/2014/48/1416950672-neww.png"] {
  display: inline-block;
  position: absolute;
  top: 0px;
  left: 0px;
  margin-left: 0px;
  width: 24px;
  height: 14px;
}
/*Mise en forme de l'auteur du dernier message*/
.forum_last_mess a.gensmall, .forum_last_mess a.gensmall strong {
  display: inline;
  margin-left: 5px;
  margin-bottom: 0px;
  font-family: 'Lithos Pro';
  font-style: normal;
  font-weight: normal!important;
  font-variant: normal;
  font-size: 15px;
  text-shadow: 1px 1px 1px #101010;
}


/*Section du bas du forum*/
.forum_bottom {
  position: relative;
  width: 738px;
  height: 137px;
  margin: auto;
  margin-top: 10px;
}

/*Bloc de la description du forum*/
.forum_desc {
  float: left;
}
/*Cadre de l'image de la description*/
.forum_desc_img_cadre {
  float: left;
  width: 250px;
  height: 125px;
  padding: 5px;
  background-color: #1F1D1A;
  border: 1px solid #161412;
}
/*Image de la description*/
.forum_desc img {
  width: 250px;
  height: 125px;
}
/*Description du forum*/
.forum_desc_desc {
  float: left;
  width: 440px;
  height: 125px;
  margin-top: 6px;
  padding-left: 20px;
  padding-right: 5px;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 13px;
  text-align: justify;
  overflow: auto;
}

/*Bloc sous les sous-forums*/
.forum_bloc_sous_forums {
  position: absolute;
  top: 6px;
  left: 6px;
  width: 250px;
  height: 125px;
  z-index: 1;
}
/*Sous-forums*/
.forum_sous_forums {
  width: 240px;
  height: 115px;
  padding: 5px;
  text-align: justify;
  opacity: 0;
  background-color: rgba(0,0,0,0.7);
  transition: 0.5s;
  -webkit-transition: 0.5s;
}
/*Apparition des Sous-forums*/
.forum_bloc_sous_forums:hover .forum_sous_forums {
  opacity: 1;
}

/******************************************************* FIN CATÉGORIES *******************************************************/


Dernière édition par KillMoon le Lun 8 Déc 2014 - 20:14, édité 2 fois

KillMoon
***

Féminin
Messages : 168
Inscrit(e) le : 30/10/2005

http://viedeloup.virtuaboard.com/index.htm
KillMoon a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Poster un message - forum étalé

Message par KillMoon le Sam 29 Nov 2014 - 20:55

Petit up! Je désespère! Cet élargissement, je le confirme, se passe sur toutes les catégories.


Dernière édition par KillMoon le Mar 2 Déc 2014 - 19:37, édité 1 fois

KillMoon
***

Féminin
Messages : 168
Inscrit(e) le : 30/10/2005

http://viedeloup.virtuaboard.com/index.htm
KillMoon a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Poster un message - forum étalé

Message par KillMoon le Lun 1 Déc 2014 - 20:32

Up urgent :c

KillMoon
***

Féminin
Messages : 168
Inscrit(e) le : 30/10/2005

http://viedeloup.virtuaboard.com/index.htm
KillMoon a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Poster un message - forum étalé

Message par KillMoon le Mer 3 Déc 2014 - 12:14

Up!

KillMoon
***

Féminin
Messages : 168
Inscrit(e) le : 30/10/2005

http://viedeloup.virtuaboard.com/index.htm
KillMoon a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Poster un message - forum étalé

Message par KillMoon le Sam 6 Déc 2014 - 17:28

Up

KillMoon
***

Féminin
Messages : 168
Inscrit(e) le : 30/10/2005

http://viedeloup.virtuaboard.com/index.htm
KillMoon a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Poster un message - forum étalé

Message par Milouze14 le Sam 6 Déc 2014 - 20:05

Salut KillMoon,

peux tu mettre un forum accessible aux invité ou l'on peut répondre ou créer un topic stp?

a++

Milouze14
+ Hyperactif +

Masculin
Messages : 4628
Inscrit(e) le : 18/04/2005

http://www.milouze14.com/
Milouze14 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Poster un message - forum étalé

Message par KillMoon le Lun 8 Déc 2014 - 19:35

Tout d'abord, merci!

J'ai ouvert ce forum pour cela, comme demandé: http://lazuli.forumactif.org/f3-administration
Puis créé un topic pour tester les réponses: http://lazuli.forumactif.org/t50-testttttttt

KillMoon
***

Féminin
Messages : 168
Inscrit(e) le : 30/10/2005

http://viedeloup.virtuaboard.com/index.htm
KillMoon a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Poster un message - forum étalé

Message par Milouze14 le Lun 8 Déc 2014 - 19:58

Salut KillMoon ,

ok merci.

Regardes ici et donne une largeur à ton fofo en pourcentage:
Général/Configuration/Général/Structure des pages
Largeur du forum (nombre ou %) :

80 devrait être correcte Wink .

a++

Milouze14
+ Hyperactif +

Masculin
Messages : 4628
Inscrit(e) le : 18/04/2005

http://www.milouze14.com/
Milouze14 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Poster un message - forum étalé

Message par KillMoon le Lun 8 Déc 2014 - 20:14

Hannnn merci ça l'a fait!
Tout bête en fait Razz merci beaucoup!

KillMoon
***

Féminin
Messages : 168
Inscrit(e) le : 30/10/2005

http://viedeloup.virtuaboard.com/index.htm
KillMoon 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