Taille de la boîte d'écriture des messages

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

Résolu Taille de la boîte d'écriture des messages

Message par kanyza le Mer 4 Jan 2012 - 15:50

Bonjour à tous et à toutes j'aimerai modifier la taille de la boîte avec un code CSS où l'on rédige ses message dans un post voir le screen ci-dessous



Merci à ceux ou celles qui pourront m'aider


Dernière édition par kanyza le Mer 4 Jan 2012 - 21:49, édité 1 fois

kanyza
Nouveau membre

Messages : 28
Inscrit(e) le : 11/11/2011

http://fantasy-war.forumactif.com/
kanyza a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Taille de la boîte d'écriture des messages

Message par Gorgorbey le Mer 4 Jan 2012 - 16:53

Bonjour,

Le forum en question n'est pas celui de votre profil, pouvez-vous donner la version de votre forum ?
De plus je pense que vous avez du CSS perso.
PA > Affichage > Images et couleurs > Couleurs > Onglet Feuille de style CSS.
Pouvez-vous copier ici le code que vous avez en l'entourant de balises code ?

Cordialement.

Gorgorbey
+ Hyperactif +

Masculin
Messages : 3321
Inscrit(e) le : 09/09/2010

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

Résolu Re: Taille de la boîte d'écriture des messages

Message par kanyza le Mer 4 Jan 2012 - 21:20

Bonsoir c'est une version PunBB

Voici le CSS

Code:
#textarea_content iframe#text_editor_iframe,#text_editor_textarea,*+ html #textarea_content iframe#text_editor_iframe,*+ html #text_editor_textarea,* html #textarea_content iframe#text_editor_iframe,* html #text_editor_textarea,*+ html #text_editor_textarea.quick_reply_textarea,* html #text_editor_textarea.quick_reply_textarea{
background-color: #2e3337;border: 4px groove #000;
}
.wysiwyg{
background-color: #000000;
}


body{
background-color: #000000;
background-position: top center;
background-repeat: no-repeat;
}
.pun{
min-width: 1053px;
width: 1053px;
}
#pun-intro{
background-color: #;
background-image: url('http://img69.xooimage.com/files/7/e/0/haut-sf-302d6ba.jpeg');
background-repeat: no-repeat;
height:361px ;
width: 1053px;
padding:0px;
margin:0px;
}

#pun-navlinks{
background-color: #;
background-image: url('http://img72.xooimage.com/files/7/b/7/lignehaut-2fa3c3c.png');
background-repeat: repeat-y;
min-hight: 60px;
width:1053px ;
margin:0px;
padding:  0px;
}

#fa_ticker_block{
background-color: transparent;
background-image: url('http://img67.xooimage.com/files/d/c/f/lignesf-2fa3b30.png');
border: none;
padding: 10px 95px 10px 95px;
margin-top : -0px !important;
margin-bottom : -0px !important;
}

#page-body{
background-color: #;
background-image: url('http://img68.xooimage.com/files/e/c/8/lignesf-2fa3c05.png');
background-repeat: repeat-y;
min-hight: 60px;
width:1053px ;
margin:0px;
padding:  0px;
}


#pun-foot{
background-color: #;
background-image: url('http://img66.xooimage.com/files/6/3/9/bas-forum-302cfec.jpeg');
background-position: bottom;
background-repeat: no-repeat;
height: 366px;
width: 1053px;
margin:0px;
padding: 0px;
}


#main-content{
background-color: #;
width: 830px;
margin-left: 110px;
padding-bottom: 3px;
}
#pun-navlinks li a {
padding: 0px;
margin: 0px;
text-decoration: none;
}

#pun-about{
background-color: transparent;
border: none;
text-align: right;
font-size: 10px;
line-height: 20px;
max-width: 760px;
width: 760px;
margin:    -20px 0px 0px  45px;
padding-top: 25px;
/padding-top: 45px;
}

 .center{
margin-top: 105px !important;

/padding-top: 20px;
}
.pun table.table th {
  background-image: url('barre forum post lastpost');
font-size: 11px;
  }

button.button2, input.button2 {
font-size: 0.7em;
border: 3px double #000;
width: auto !important;
padding: 1px 0px;
font-family: Verdana,Arial,Helvetica,sans-serif;
color: #000000;
background-repeat: repeat-x;
background-color: #FAFAFA;
background-image: url('http://img69.xooimage.com/files/a/7/e/pft-2facd86.png');
background-position: top;
overflow: visible;
vertical-align:middle;
}

#onlinelist{
border-left: 0px solid #6a6a6a !important;
border-right: 0px solid #6a6a6a !important;
border-bottom: 0px solid #6a6a6a !important;
}
.pun .main-content{
background-color: transparent;
}
#pun-visit, .main-box {
background-color: transparent;
color: #fff !important;
background-image: url('');
background-repeat: no-repeat;
text-align: center;
margin: 0px;
padding: 0px;
height: 4px;
padding-top: 60px;
margin-bottom: -70px;
padding-right: 10px;
border: none;
}
#stats{
background-color: transparent ! important;
background-image: url('http://img70.xooimage.com/files/0/7/8/barrestats-2fa533c.png');
background-repeat: no-repeat;
padding: 5px;
padding-top: 72px;
border: none  !important;
margin: 0px;
}
.pun table .tcl{
width: 67% !important;
}
.pun table .tc2{
width: 8% !important;
}
.pun table .tc3{
width: 8% !important;
}
.pun table .tcr{
width: 17% !important;
}

.pun table td.tc2, .pun table td.tcl, .pun table td.tc3, .pun table td.tcr{
border: 0px solid #6a6a6a;
}

.main .main-head{
height: 50px;
}
.main .main-head .page-title{
padding-top: 4px;
padding-left: 50px;
}
.pun .main .options{
padding-top: 18px !important;
}
.pun .main-foot .h2{
padding-top: 15px;
}
.main-foot{
height:70px;
background-color: transparent;
background-image: url("http://img70.xooimage.com/files/6/9/3/bas-des-topics-3027153.jpeg");
background-position: top;
background-repeat: no-repeat;
padding-top: 28px;
border: none;
}
#stats p{
border: 0px solid #6a6a6a ;
}
.postfoot{
background-color: #121212;
}
.pun .topic{
border: 0px solid #6a6a6a ;
}

.pun .postfoot .user-contact{
float: left;
width:430px;
}
.pun .paged-head, .pun .paged-foot{
background-color: transparent;
}
.main-content p.message{
background-color: #252525 ;
}
.main-content.style1{
border: 0px solid #6a6a6a ;
}
.faq.main-content{
border: 0px solid #6a6a6a ;
}
.main .main-content.frm{
border: 0px solid #6a6a6a ;
}
.pun .frm-form{
background-color: transparent;
}
.main-content fieldset.frm-set{
margin: 0px;
border: 0px solid #6a6a6a ;
}
#profile-advanced-layout{
float:none;
margin: 0px;
padding: 0px;
width: 878px;
}

#profile-advanced-left{
float : none;
margin: 0px;
padding: 0px;
width: 750px;
}

#profile-advanced-right{
float: none;
margin: 0px;
padding: 0px;
margin-bottom: 0px;
width: 750px;
}
#profile-advanced-right .module{
margin-bottom: 0px;
}
button.button2:hover, input.button2:hover {
background-image: url('http://img69.xooimage.com/files/a/7/e/pft-2facd86.png');
background-position: top;
color: #000000;
border: 3px double #000;
background-position: 0 100%;
}

.frm-buttons input{
border: 3px double #000;
background-image: url('http://img69.xooimage.com/files/a/7/e/pft-2facd86.png');
background-position: top;
color: #000000;
}
.frm-buttons input:hover{
border: 3px double #000;
background-image: url('http://img69.xooimage.com/files/a/7/e/pft-2facd86.png');
background-position: center;
color: #000000;
}

.pun input submit .pun select{
border: 3px double #000;
background-image: url('http://img69.xooimage.com/files/a/7/e/pft-2facd86.png');
background-position: center;
color: #000000;
}
.pun .post, .pun .posthead, .pun .postfoot{
border-color: #000;
}


#profile-advanced-layout{
float:none;
margin: 0px;
padding: 0px;
width: 1053px;
}

#profile-advanced-left{
float : none;
margin: 5px;
padding: 3px;
width: 830px;
}

#profile-advanced-right{
float: none;
margin: 5px;
padding: 3px;
width: 830px;
}
.pun table .tcl{
width: 67% !important;
}
.pun table .tc2{
width: 8% !important;
}
.pun table .tc3{
width: 8% !important;
}
.pun table .tcr{
width: 17% !important;
}
.pun .postfoot .user-contact{
float: left;
width:430px;
}
#text_editor_textarea { background-color: #1f1f1f; color: #ffffff;}
.tdtopics {
width: 600px;
padding-right: 0px !important;
padding-left: 45px !important;
}
/*Les-boites-------------------*/
.boitedatacenter{
position: fixed; /* position de boite */
top: 50px; /* position à partir du haut */
right: 0px; /* position à partir de la droite */
width: 200px; /* largeur de la boite */

padding: 2px; /* marge intérieure */
-moz-border-radius:0px; /* coins arrondis */
-webkit-border-radius:0px; /* coins arrondis */
border-radius:0px; /* coins arrondis */
}



/*Les encadrés de message-------------------*/
.moder {
            color : black;
            font-weight : bold;
                background-color : white;
                      border-radius:9px;
                border: 1px solid black;
                width: 80%;
                  margin: auto;
                }
/*Ecriture en gras-------------------*/
        .postbody {font-weight:bold !important;}
/*Box des codes-------------------*/
dl.codebox{
background-color: #101010;
border: 1px solid #888888;
padding: 6px;
-moz-border-radius: 12px;
-webkit-border-radius: 12px;
}
.codebox dt{
background-image: url('http://img71.xooimage.com/files/e/1/8/code-2fabb91.png');
background-repeat: no-repeat;
background-position: top right;
padding: 5px 10px 3px 3px;
color: #000;
font-weight: bold;
background-color: #707070;
border: 1px solid #888888;
-moz-border-radius: 12px;
-webkit-border-radius: 12px;
}
.codebox dd{
background-color: #191919;
background-image: url('http://i65.servimg.com/u/f65/11/95/30/70/fond12.jpg');
border: 1px solid #888888;
-moz-border-radius-topleft: 15px;
-webkit-border-radius-topleft: 15px;
-moz-border-radius-topright: 0px;
-webkit-border-radius-topright: 0px;
-moz-border-radius-bottomright: 15px;
-webkit-border-radius-bottomright: 15px;
-moz-border-radius-bottomleft: 0px;
-webkit-border-radius-bottomleft: 0px;
color : #fff;
display: block;
max-width: 770px;
overflow: auto;
padding: 5px;
}

/* test_quierra_11 */

#le_tableau{
color:#4169E1;
font-size: 12px;
font-family: Georgial;
background-color: #1e1e1e;
border: 3px solid #C0C0C0;
margin: 3px;
-moz-border-radius: 12px ;
-webkit-border-radius: 12px;
border-radius: 12px;
-moz-box-shadow: 2px 2px 2px #000;
-webkit-box-shadow: 2px 2px 2px #000;
box-shadow: 2px 2px 2px #000;
-moz- text-shadow: 1px 1px 2px #000;
-webkit- text-shadow: 1px 1px 2px #000;
text-shadow: 1px 1px 2px #000;
}

.text_imag{
color: #ffffff;
text-align: center;
vertical-align: center;
font-family: Georgia;
font-size: 30px;
font-weight: bold;
}

.style_cellule{
background-color: #0f100f;
border: 3px solid #C0C0C0;
margin: 3px;
padding: 6px;
-moz-border-radius: 12px ;
-webkit-border-radius: 12px;
border-radius: 12px;
-moz-box-shadow: 2px 2px 2px #000;
-webkit-box-shadow: 2px 2px 2px #000;
box-shadow: 2px 2px 2px #000;
}

#igauche{
background-color: #0f100f;
background-color: #0f100f;
border: 3px solid #C0C0C0;
padding: 6px;
-moz-border-radius: 12px ;
-webkit-border-radius: 12px;
border-radius: 12px;
-moz-box-shadow: 2px 2px 2px #000;
-webkit-box-shadow: 2px 2px 2px #000;
box-shadow: 2px 2px 2px #000;
}
#idroite{
background-color: #0f100f;
background: url("http://img69.xooimage.com/files/8/a/0/droite-2fc1e00.png") no-repeat bottom right;
background-color: #0f100f;
border: 3px solid #C0C0C0;
padding: 6px;
-moz-border-radius: 12px ;
-webkit-border-radius: 12px;
border-radius: 12px;
-moz-box-shadow: 2px 2px 2px #000;
-webkit-box-shadow: 2px 2px 2px #000;
box-shadow: 2px 2px 2px #000;
}

.titre_4{
font-size: 14px;
color: #C0C0C0;

}

/* navigation */

#nav-menu ul{
list-style: none;
padding: 0;
margin: 0;
}

#nav-menu li{
float: left;
margin: 0 2px;
}

#nav-menu li a{
background: url(http://img68.xooimage.com/files/d/6/d/link3-2fbd17e.jpeg);
height: 25px;
line-height: 25px;
float: left;
width: 138px;
display: block;
border: 0px solid #C0C0C0;
color: #C0C0C0;
font-size: 15px;
font-weight: bold;
text-decoration: none;
text-align: center;
-moz-border-radius: 12px 3px 12px 3px ;
-webkit-border-radius: 12px 3px 12px 3px ;
border-radius: 12px 3px 12px 3px ;
-moz-box-shadow: 2px 2px 2px #000;
-webkit-box-shadow: 2px 2px 2px #000;
box-shadow: 2px 2px 2px #000;
margin: 2px 0px 2px 0px;
}

#nav-menu li a:hover{
color: #bfcd48;
font-style: italic;
}

/* Hide from IE5-Mac \*/
#nav-menu li a{
float: none
}
/* End hide */


/* fin navigation */


/* Scroller Box */

#scroller_container {
width: 120px;
height: 70px;
overflow: hidden;
}

#dummy {;# }

#scroller_container {
overflow: auto;
}

/* fin Scroller Box */

/* infobulle */

div.info em {
display:none;
}

div.info:hover {
background: none;
z-index: 999;
cursor: hand;
position: relative;
text-decoration:none;
border: 0;
}

div.info:hover em {
font-style: normal;
font-size: 10px;
color:#000 !important;
padding: 3px;
display: inline;
position: absolute;
top: 62px;
left: 35px;
-moz-border-radius: 7px 7px 0px 7px ;
-webkit-border-radius: 7px 7px 0px 7px ;
border-radius:7px 7px 0px 7px ;
-moz-box-shadow: 0px 0px 4px #000;
-webkit-box-shadow: 0px 0px 4px #000;
box-shadow: 0px 0px 4px #000;
background-color: #424242;
border: 2px solid #C0C0C0;
width:auto;
}

.titre_info{
text-align: center;
font-size: 14px;
font-style: italic;
border-bottom: 1px dotted #C0C0C0;
}

/* fin infobulle */

/* fin test quierra_11 */

/* ----------- STAFF --------------- */

/* SLIDE STAFF */

.staff_slides{
width: 260px;
margin: 0 auto;
padding: 0;
position: relative;
overflow: hidden;
}

.staff_slides div{
width: 260px;
margin: 0 auto;
padding: 0;
text-align: center;
}

/* BLOC DE CONTENU */

#content_staff{
width: 260px;
margin: 0 auto;
padding: 5px;
background: #438a97;
border: 2px solid #ffffff;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
}


/* Accueil */

#accueil
{
width: 830px;
height: 400px;
overflow: hidden;
background: url(http://img66.xooimage.com/files/d/e/2/orth800-2fdd45f.jpg) center no-repeat;
}
#page1
{
width: 40px;
height: 400px;
float: left;
overflow: hidden;
background: url(http://img68.xooimage.com/files/c/4/8/orth-2fd6047.png);
background-repeat: no-repeat;
transform: all;
-moz-transform: all;
-o-transform: all;
-htm-transform: all;
-webkit-transform: all;
transition: 2s;
-moz-transition: 2s;
-o-transition: 2s;
-htm-transition: 2s;
-webkit-transition: 2s;
}
#page1:hover
{
width: 80%;
height: 400px;
overflow: hidden;
transform: all;
-moz-transform: all;
-o-transform: all;
-htm-transform: all;
-webkit-transform: all;
transition: 2s;
-moz-transition: 2s;
-o-transition: 2s;
-htm-transition: 2s;
-webkit-transition: 2s;
}
#page2
{
width: 40px;
height: 400px;
float: left;
overflow: hidden;
background: url(http://img67.xooimage.com/files/0/e/3/coalition-2fdb39f.png);
background-repeat: no-repeat;
transform: all;
-moz-transform: all;
-o-transform: all;
-htm-transform: all;
-webkit-transform: all;
transition: 2s;
-moz-transition: 2s;
-o-transition: 2s;
-htm-transition: 2s;
-webkit-transition: 2s;
}
#page2:hover
{
width: 80%;
height: 400px;
overflow: hidden;
transform: all;
-moz-transform: all;
-o-transform: all;
-htm-transform: all;
-webkit-transform: all;
transition: 2s;
-moz-transition: 2s;
-o-transition: 2s;
-htm-transition: 2s;
-webkit-transition: 2s;
}
#page3
{
width: 40px;
height: 400px;
float: left;
overflow: hidden;
background: url(http://img67.xooimage.com/files/7/0/7/systems-2fd6088.png);
background-repeat: no-repeat;
transform: all;
-moz-transform: all;
-o-transform: all;
-htm-transform: all;
-webkit-transform: all;
transition: 2s;
-moz-transition: 2s;
-o-transition: 2s;
-htm-transition: 2s;
-webkit-transition: 2s;
}
#page3:hover
{
width: 80%;
height: 400px;
overflow: hidden;
transform: all;
-moz-transform: all;
-o-transform: all;
-htm-transform: all;
-webkit-transform: all;
transition: 2s;
-moz-transition: 2s;
-o-transition: 2s;
-htm-transition: 2s;
-webkit-transition: 2s;
}
#page4
{
width: 40px;
height: 400px;
float: left;
overflow: hidden;
background: url(http://img71.xooimage.com/files/5/2/d/ship-2fd605f.png);
background-repeat: no-repeat;
transform: all;
-moz-transform: all;
-o-transform: all;
-htm-transform: all;
-webkit-transform: all;
transition: 2s;
-moz-transition: 2s;
-o-transition: 2s;
-htm-transition: 2s;
-webkit-transition: 2s;
}
#page4:hover
{
width: 80%;
height: 400px;
overflow: hidden;
transform: all;
-moz-transform: all;
-o-transform: all;
-htm-transform: all;
-webkit-transform: all;
transition: 2s;
-moz-transition: 2s;
-o-transition: 2s;
-htm-transition: 2s;
-webkit-transition: 2s;
}
#page5
{
width: 40px;
height:400px;
float: left;
overflow: hidden;
background: url(http://img71.xooimage.com/files/2/6/7/station-2fd6106.png);
background-repeat: no-repeat;
transform: all;
-moz-transform: all;
-o-transform: all;
-htm-transform: all;
-webkit-transform: all;
transition: 2s;
-moz-transition: 2s;
-o-transition: 2s;
-htm-transition: 2s;
-webkit-transition: 2s;
}
#page5:hover
{
width: 80%;
height: 400px;
overflow: hidden;
transform: all;
-moz-transform: all;
-o-transform: all;
-htm-transform: all;
-webkit-transform: all;
transition: 2s;
-moz-transition: 2s;
-o-transition: 2s;
-htm-transition: 2s;
-webkit-transition: 2s;
}

.contenu_page
{
width: 100%;
height: 400px;
}
.page_titre
{
display: inline-block;
height: 40px;
width: 400px;
color: #000000;
margin-left: -180px;
text-align: center;
font-size: 24px;
font-family: arial black;
letter-spacing: 2px;
text-shadow: 1px 1px 0px #5f5f5f;
-webkit-transform: rotate(-90deg); 
-moz-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
-o-transform: rotate(-90deg);
transform: rotate(-90deg);
}
.contenu
{
width: 0px;
height: 0px;
background-color: black;
overflow: hidden;
padding: 6px;
opacity: 0;
-moz-opacity: 0;
-khtml-opacity: 0;
filter: alpha(opacity=0);
transform: all;
-moz-transform: all;
-o-transform: all;
-htm-transform: all;
-webkit-transform: all;
transition: 1s;
-moz-transition: 1s;
-o-transition: 1s;
-htm-transition: 1s;
-webkit-transition: 1s;
}
#page1:hover .contenu, #page2:hover .contenu, #page3:hover .contenu, #page4:hover .contenu, #page5:hover .contenu
{
width: 580px;
height: 380px;
background: url();
background-repeat: no-repeat;
margin-left: -180px;
overflow: none;
opacity: 1;
-moz-opacity: 1;
-khtml-opacity: 1;
filter: alpha(opacity=100);
transform: all;
-moz-transform: all;
-o-transform: all;
-htm-transform: all;
-webkit-transform: all;
transition: 1s;
-moz-transition: 1s;
-o-transition: 1s;
-htm-transition: 1s;
-webkit-transition: 1s;
}

.credit
{
display: block;
text-align: right;
margin-right: 20px;
}
.credit a
{
font-size: 10px;
text-decoration: none !important;
}


#pacolor1
{
width: 200px;
}
#partiea1
{
width: 200px;
height: 150px;
background-image: url('http://img74.xooimage.com/files/2/0/8/elroth22-2fff532.png');
overflow: hidden;
transform: all;
-moz-transform: all;
-o-transform: all;
-htm-transform: all;
-webkit-transform: all;
transition: 2s;
-moz-transition: 2s;
-o-transition: 2s;
-htm-transition: 2s;
-webkit-transition: 2s;
}
#partieb1
{
width: 200px;
height: 20px;
overflow: hidden;
background-color: #234CA5;
transform: all;
-moz-transform: all;
-o-transform: all;
-htm-transform: all;
-webkit-transform: all;
transition: 2s;
-moz-transition: 2s;
-o-transition: 2s;
-htm-transition: 2s;
-webkit-transition: 2s;
}
#partiec1
{
width: 200px;
height: 20px;
overflow: hidden;
background-color: #495CFF;
transform: all;
-moz-transform: all;
-o-transform: all;
-htm-transform: all;
-webkit-transform: all;
transition: 2s;
-moz-transition: 2s;
-o-transition: 2s;
-htm-transition: 2s;
-webkit-transition: 2s;
}
#partied1
{
width: 200px;
height: 20px;
overflow: hidden;
background-color: #6E81BD;
transform: all;
-moz-transform: all;
-o-transform: all;
-htm-transform: all;
-webkit-transform: all;
transition: 2s;
-moz-transition: 2s;
-o-transition: 2s;
-htm-transition: 2s;
-webkit-transition: 2s;
}
#partiee1
{
width: 200px;
height: 20px;
overflow: hidden;
background-color: #91BACF;
transform: all;
-moz-transform: all;
-o-transform: all;
-htm-transform: all;
-webkit-transform: all;
transition: 2s;
-moz-transition: 2s;
-o-transition: 2s;
-htm-transition: 2s;
-webkit-transition: 2s;
}
#partief1
{
width: 200px;
height: 20px;
overflow: hidden;
background-color: #B5DED0;
transform: all;
-moz-transform: all;
-o-transform: all;
-htm-transform: all;
-webkit-transform: all;
transition: 2s;
-moz-transition: 2s;
-o-transition: 2s;
-htm-transition: 2s;
-webkit-transition: 2s;
}
#partieb1:hover, #partiec1:hover, #partied1:hover, #partiee1:hover, #partief1:hover
{
height: 120px;
overflow: hidden;
transform: all;
-moz-transform: all;
-o-transform: all;
-htm-transform: all;
-webkit-transform: all;
transition: 2s;
-moz-transition: 2s;
-o-transition: 2s;
-htm-transition: 2s;
-webkit-transition: 2s;
}
.titre1
{
display: block;
text-align: center;
width: 200px;
height: 18px;
font-size: 14px;
letter-spacing: 2px;
font-variant: small-caps;
font-family: courier;
font-weight: bold;
padding-top: 5px;
text-shadow: 0px 0px 2px #000000;
}
.content1
{
width: 90%;
margin: auto;
padding: 6px;
color: #000000;
font-size: 11px;
text-align: justify;
}

#pacolor2
{
width: 200px;
}
#partiea2
{
width: 200px;
height: 150px;
background-image: url('http://img74.xooimage.com/files/9/d/5/pilote-2fff912.png');
overflow: hidden;
transform: all;
-moz-transform: all;
-o-transform: all;
-htm-transform: all;
-webkit-transform: all;
transition: 2s;
-moz-transition: 2s;
-o-transition: 2s;
-htm-transition: 2s;
-webkit-transition: 2s;
}
#partieb2
{
width: 200px;
height: 20px;
overflow: hidden;
background-color: #234CA5;
transform: all;
-moz-transform: all;
-o-transform: all;
-htm-transform: all;
-webkit-transform: all;
transition: 2s;
-moz-transition: 2s;
-o-transition: 2s;
-htm-transition: 2s;
-webkit-transition: 2s;
}
#partiec2
{
width: 200px;
height: 20px;
overflow: hidden;
background-color: #495CFF;
transform: all;
-moz-transform: all;
-o-transform: all;
-htm-transform: all;
-webkit-transform: all;
transition: 2s;
-moz-transition: 2s;
-o-transition: 2s;
-htm-transition: 2s;
-webkit-transition: 2s;
}
#partied2
{
width: 200px;
height: 20px;
overflow: hidden;
background-color: #6E81BD;
transform: all;
-moz-transform: all;
-o-transform: all;
-htm-transform: all;
-webkit-transform: all;
transition: 2s;
-moz-transition: 2s;
-o-transition: 2s;
-htm-transition: 2s;
-webkit-transition: 2s;
}
#partiee2
{
width: 200px;
height: 20px;
overflow: hidden;
background-color: #91BACF;
transform: all;
-moz-transform: all;
-o-transform: all;
-htm-transform: all;
-webkit-transform: all;
transition: 2s;
-moz-transition: 2s;
-o-transition: 2s;
-htm-transition: 2s;
-webkit-transition: 2s;
}
#partief2
{
width: 200px;
height: 20px;
overflow: hidden;
background-color: #B5DED0;
transform: all;
-moz-transform: all;
-o-transform: all;
-htm-transform: all;
-webkit-transform: all;
transition: 2s;
-moz-transition: 2s;
-o-transition: 2s;
-htm-transition: 2s;
-webkit-transition: 2s;
}
#partieb2:hover, #partiec2:hover, #partied2:hover, #partiee2:hover, #partief2:hover
{
height: 120px;
overflow: hidden;
transform: all;
-moz-transform: all;
-o-transform: all;
-htm-transform: all;
-webkit-transform: all;
transition: 2s;
-moz-transition: 2s;
-o-transition: 2s;
-htm-transition: 2s;
-webkit-transition: 2s;
}
.titre2
{
display: block;
text-align: center;
width: 200px;
height: 18px;
font-size: 14px;
letter-spacing: 2px;
font-variant: small-caps;
font-family: courier;
font-weight: bold;
padding-top: 5px;
text-shadow: 0px 0px 2px #000000;
}
.content2
{
width: 90%;
margin: auto;
padding: 6px;
color: #000000;
font-size: 11px;
text-align: justify;
}

#pacolor3
{
width: 200px;
}
#partiea3
{
width: 200px;
height: 150px;
background-image: url('http://img72.xooimage.com/files/8/2/a/hunter-2fff70a.png');
overflow: hidden;
transform: all;
-moz-transform: all;
-o-transform: all;
-htm-transform: all;
-webkit-transform: all;
transition: 2s;
-moz-transition: 2s;
-o-transition: 2s;
-htm-transition: 2s;
-webkit-transition: 2s;
}
#partieb3
{
width: 200px;
height: 20px;
overflow: hidden;
background-color: #234CA5;
transform: all;
-moz-transform: all;
-o-transform: all;
-htm-transform: all;
-webkit-transform: all;
transition: 2s;
-moz-transition: 2s;
-o-transition: 2s;
-htm-transition: 2s;
-webkit-transition: 2s;
}
#partiec3
{
width: 200px;
height: 20px;
overflow: hidden;
background-color: #495CFF;
transform: all;
-moz-transform: all;
-o-transform: all;
-htm-transform: all;
-webkit-transform: all;
transition: 2s;
-moz-transition: 2s;
-o-transition: 2s;
-htm-transition: 2s;
-webkit-transition: 2s;
}
#partied3
{
width: 200px;
height: 20px;
overflow: hidden;
background-color: #6E81BD;
transform: all;
-moz-transform: all;
-o-transform: all;
-htm-transform: all;
-webkit-transform: all;
transition: 2s;
-moz-transition: 2s;
-o-transition: 2s;
-htm-transition: 2s;
-webkit-transition: 2s;
}
#partiee3
{
width: 200px;
height: 20px;
overflow: hidden;
background-color: #91BACF;
transform: all;
-moz-transform: all;
-o-transform: all;
-htm-transform: all;
-webkit-transform: all;
transition: 2s;
-moz-transition: 2s;
-o-transition: 2s;
-htm-transition: 2s;
-webkit-transition: 2s;
}
#partief3
{
width: 200px;
height: 20px;
overflow: hidden;
background-color: #B5DED0;
transform: all;
-moz-transform: all;
-o-transform: all;
-htm-transform: all;
-webkit-transform: all;
transition: 2s;
-moz-transition: 2s;
-o-transition: 2s;
-htm-transition: 2s;
-webkit-transition: 2s;
}
#partieb3:hover, #partiec3:hover, #partied3:hover, #partiee3:hover, #partief3:hover
{
height: 120px;
overflow: hidden;
transform: all;
-moz-transform: all;
-o-transform: all;
-htm-transform: all;
-webkit-transform: all;
transition: 2s;
-moz-transition: 2s;
-o-transition: 2s;
-htm-transition: 2s;
-webkit-transition: 2s;
}
.titre3
{
display: block;
text-align: center;
width: 200px;
height: 18px;
font-size: 14px;
letter-spacing: 2px;
font-variant: small-caps;
font-family: courier;
font-weight: bold;
padding-top: 5px;
text-shadow: 0px 0px 2px #000000;
}
.content3
{
width: 90%;
margin: auto;
padding: 6px;
color: #000000;
font-size: 11px;
text-align: justify;
}

#pacolor4
{
width: 200px;
}
#partiea4
{
width: 200px;
height: 150px;
background-image: url('http://img67.xooimage.com/files/a/7/2/pirate-2fff71a.png');
overflow: hidden;
transform: all;
-moz-transform: all;
-o-transform: all;
-htm-transform: all;
-webkit-transform: all;
transition: 2s;
-moz-transition: 2s;
-o-transition: 2s;
-htm-transition: 2s;
-webkit-transition: 2s;
}
#partieb4
{
width: 200px;
height: 20px;
overflow: hidden;
background-color: #234CA5;
transform: all;
-moz-transform: all;
-o-transform: all;
-htm-transform: all;
-webkit-transform: all;
transition: 2s;
-moz-transition: 2s;
-o-transition: 2s;
-htm-transition: 2s;
-webkit-transition: 2s;
}
#partiec4
{
width: 200px;
height: 20px;
overflow: hidden;
background-color: #495CFF;
transform: all;
-moz-transform: all;
-o-transform: all;
-htm-transform: all;
-webkit-transform: all;
transition: 2s;
-moz-transition: 2s;
-o-transition: 2s;
-htm-transition: 2s;
-webkit-transition: 2s;
}
#partied4
{
width: 200px;
height: 20px;
overflow: hidden;
background-color: #6E81BD;
transform: all;
-moz-transform: all;
-o-transform: all;
-htm-transform: all;
-webkit-transform: all;
transition: 2s;
-moz-transition: 2s;
-o-transition: 2s;
-htm-transition: 2s;
-webkit-transition: 2s;
}
#partiee4
{
width: 200px;
height: 20px;
overflow: hidden;
background-color: #91BACF;
transform: all;
-moz-transform: all;
-o-transform: all;
-htm-transform: all;
-webkit-transform: all;
transition: 2s;
-moz-transition: 2s;
-o-transition: 2s;
-htm-transition: 2s;
-webkit-transition: 2s;
}
#partief4
{
width: 200px;
height: 20px;
overflow: hidden;
background-color: #B5DED0;
transform: all;
-moz-transform: all;
-o-transform: all;
-htm-transform: all;
-webkit-transform: all;
transition: 2s;
-moz-transition: 2s;
-o-transition: 2s;
-htm-transition: 2s;
-webkit-transition: 2s;
}
#partieb4:hover, #partiec4:hover, #partied4:hover, #partiee4:hover, #partief4:hover
{
height: 120px;
overflow: hidden;
transform: all;
-moz-transform: all;
-o-transform: all;
-htm-transform: all;
-webkit-transform: all;
transition: 2s;
-moz-transition: 2s;
-o-transition: 2s;
-htm-transition: 2s;
-webkit-transition: 2s;
}
.titre4
{
display: block;
text-align: center;
width: 200px;
height: 18px;
font-size: 14px;
letter-spacing: 2px;
font-variant: small-caps;
font-family: courier;
font-weight: bold;
padding-top: 5px;
text-shadow: 0px 0px 2px #000000;
}
.content4
{
width: 90%;
margin: auto;
padding: 6px;
color: #000000;
font-size: 11px;
text-align: justify;
}




.qeelh {
  background-image : url('http://img72.xooimage.com/files/f/6/3/haut-queel-302350d.jpeg');
  height:180px;
  background-repeat:no-repeat;
}

.imggroupe { /*gère l'affichage des images de groupe*/
  padding-top:5px;
 
}
.onglet { /*gère l'affichage des onglets*/
padding-left:204px;
margin-top:-137px;
  line-height: 22px;
  color:#FFFFFF;
 
}

.membreco24{ /*gère l'affichage des membres connectés c'est 24 dernières heures*/
  font-size:12px;
  font-family:calibri;
}

.imgpartenaire { /*gère l'affichage des images partenaires*/
  margin-right:0px;
  margin-bottom:-2px;
}
 
.contenu_onglet{ /*gère l'affichage des contenus en général*/
           
background-image : url('http://img72.xooimage.com/files/4/3/1/bas-queel-30231f6.jpeg'); /*image de fond*/
  background-repeat:no-repeat;
width: 846px;
height: 180px;
display:none; /*IMPORTANT*/
overflow:hidden; /*IMPORTANT*/
margin-top:5px;
  font-size:12px; /*taille de la police*/
  font-family:calibri; /*Police d'écriture*/
 
        }

#contenu_onglet_truc1 { /*gère l'affichage du contenu statistiques*/
  padding-right:20px;
  padding-left:54px;
  padding-top:40px;
}
#contenu_onglet_truc2 { /*gère l'affichage du contenu groupe*/
  padding-right:18px;
  padding-left:54px;
  padding-top:40px;
}

#contenu_onglet_truc3 { /*gère l'affichage du contenu Effectif*/
  padding-right:20px;
  padding-left:60px;
  padding-top:40px;
}

#contenu_onglet_truc4 { /*gère l'affichage du contenu Partenaire*/
  padding-right:20px;
  padding-left:85px;
  padding-top:40px;
}




/* PA SF */

#le_tableausf{
background-image: url('http://img73.xooimage.com/files/3/e/3/pasf-302cc31.jpeg');
background-repeat: no-repeat;
width: 846px;
height:520px ;
color:#4169E1;
font-size: 12px;
font-family: Georgial;
margin: 3px;
}

.text_imag1{
color: #ffffff;
text-align: center;
vertical-align: center;
font-family: Georgia;
font-size: 30px;
font-weight: bold;
}

.style_cellule1{
margin: 3px;
padding: 6px;
}

#igauchea{
width: 600px;
padding: 6px;
}
#idroitea{
padding: 6px;
}

.titre_4a{
font-size: 14px;


}

/* navigation */

#nav-menusf ul{
list-style: none;
padding: 0;
margin: 0;
}

#nav-menusf li{
float: left;
margin: 0 2px;
}

#nav-menusf li a{
padding-left: 20px;
height: 25px;
line-height: 25px;
float: left;
width: 138px;
display: block;
font-size: 15px;
font-weight: bold;
text-decoration: none;
text-align: left;
}

#nav-menusf li a:hover{
font-style: italic;
}

/* Hide from IE5-Mac \*/
#nav-menusf li a{
float: none
}
/* End hide */


/* fin navigation */

a { text-decoration: none; }


/* fin PA SF */

#message {
background-color:#000000;
color:#ta couleur de police;
}


input,textarea, select {
  font: normal 11px Verdana,Arial,Helvetica,sans-serif;
    border: #C0C0C0;
    border-left-style: solid;
    border-left-width: 2.5px;
    border-right-style: solid;
    border-right-width: 2.5px;
    background-color: #C0C0C0;
-moz-border-radius: 10px 10px 10px 10px;
 -webkit-border-radius: 10px 10px 10px 10px;
border-radius: 10px 10px 10px 10px;
padding-left: 3px;
  }

    #chatbox_footer input {
    color: #C0C0C0;
    }
    #chatbox_footer #submit_button {
    color: #000000;
    }

a {
outline: none;
}



/* Navigation en haut à gauche */

ul#bouton {
position: fixed; /* On fixe la position des boutons */
margin: 0px; /* marge extérieure */
padding: 0px; /* marge intérieure */
top: 50px; /* positionné à 50px du haut */
left: 0px; /* positionné à 0px du bord gauche */
list-style: none; /* pas de style pour la liste */
z-index: 999; /* place les boutons au dessus de tout le reste */
}

ul#bouton li {
width: 200px; /* largeur du bouton */
margin-bottom: 4px; /* marge inférieure */
}

ul#bouton li a {
display: block; /* défini en bloc */
margin-left: -185px; /* marge extérieure négative gauche */
width: 200px; /* largeur */
height: 90px; /* hauteur */
background-color:#000000; /* couleur de fond */
background-repeat:no-repeat; /* répétition du fond */
background-position:center center; /* position du fond */
-moz-border-radius:0px 9px 9px 0px; /* angles arrondis */
-webkit-border-radius:0px 9px 9px 0px; /* angles arrondis */
border-radius:0px 9px 9px 0px; /* angles arrondis */
border:1px solid #000000; /* bordure */
-moz-box-shadow: 0px 0px 5px #000; /* ombre portée */
-webkit-box-shadow: 0px 0px 5px #000; /* ombre portée */
box-shadow: 0px 0px 5px #000; /* ombre portée */
opacity: 1; /* opacité */
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0); /* opacité pour IE */
}

ul#bouton .bouton1 a{
background-image: url(http://img66.xooimage.com/files/1/9/f/gala-303d277.jpeg);
}
ul#bouton .bouton2 a{
background-image: url(http://img70.xooimage.com/files/9/f/1/missions-303d2d9.jpeg);
}
ul#bouton .bouton3 a{
background-image: url(http://img69.xooimage.com/files/c/8/5/planetes-303d37f.jpg);
}
ul#bouton .bouton4 a{
background-image: url(http://img74.xooimage.com/files/2/e/f/vaisseaux-303d442.jpeg);
}
ul#bouton .bouton5 a{
background-image: url(http://img70.xooimage.com/files/0/6/d/armes-303d4e1.jpeg);
}
ul#bouton .bouton6 a{
background-image: url(http://img70.xooimage.com/files/0/d/a/grades-303d5cc.jpg);
}
ul#bouton .bouton7 a{
background-image: url(http://img73.xooimage.com/files/6/b/9/ranking-303d556.jpeg);
}

/* FIN Navigation en haut à gauche */

/*La-boite-Vortex-------------------*/
.boitevortex{
position: fixed; /* position de boite */
top: 50px; /* position à partir du haut */
right: 0px; /* position à partir de la droite */
width: 200px; /* largeur de la boite */

padding: 2px; /* marge intérieure */
-moz-border-radius:0px; /* coins arrondis */
-webkit-border-radius:0px; /* coins arrondis */
border-radius:0px; /* coins arrondis */
}

/*Le-slide-vortex-------------------*/

#slidevortex
{
width: 200px;
}
#vortex1
{
width: 200px;
height: 90px;
background-image: url('http://img68.xooimage.com/files/b/4/a/vortex-303df8d.jpeg');
background-repeat: no-repeat;
overflow: hidden;
transform: all;
-moz-transform: all;
-o-transform: all;
-htm-transform: all;
-webkit-transform: all;
transition: 2s;
-moz-transition: 2s;
-o-transition: 2s;
-htm-transition: 2s;
-webkit-transition: 2s;
}
#vortex2
{
width: 200px;
height: 20px;
overflow: hidden;
background-color: #000000;
transform: all;
-moz-transform: all;
-o-transform: all;
-htm-transform: all;
-webkit-transform: all;
transition: 2s;
-moz-transition: 2s;
-o-transition: 2s;
-htm-transition: 2s;
-webkit-transition: 2s;
}
#vortex3
{
width: 200px;
height: 20px;
overflow: hidden;
background-color: #000000;
transform: all;
-moz-transform: all;
-o-transform: all;
-htm-transform: all;
-webkit-transform: all;
transition: 2s;
-moz-transition: 2s;
-o-transition: 2s;
-htm-transition: 2s;
-webkit-transition: 2s;
}
#vortex4
{
width: 200px;
height: 20px;
overflow: hidden;
background-color: #000000;
transform: all;
-moz-transform: all;
-o-transform: all;
-htm-transform: all;
-webkit-transform: all;
transition: 2s;
-moz-transition: 2s;
-o-transition: 2s;
-htm-transition: 2s;
-webkit-transition: 2s;
}
#vortex5
{
width: 200px;
height: 20px;
overflow: hidden;
background-color: #000000;
transform: all;
-moz-transform: all;
-o-transform: all;
-htm-transform: all;
-webkit-transform: all;
transition: 2s;
-moz-transition: 2s;
-o-transition: 2s;
-htm-transition: 2s;
-webkit-transition: 2s;
}
#vortex6
{
width: 200px;
height: 20px;
overflow: hidden;
background-color: #000000;
transform: all;
-moz-transform: all;
-o-transform: all;
-htm-transform: all;
-webkit-transform: all;
transition: 2s;
-moz-transition: 2s;
-o-transition: 2s;
-htm-transition: 2s;
-webkit-transition: 2s;
}
#vortex7
{
width: 200px;
height: 90px;
background-image: url('http://img74.xooimage.com/files/1/e/1/finvortex-3043cf7.jpeg');
background-repeat: no-repeat;
overflow: hidden;
background-color: #000000;
transform: all;
-moz-transform: all;
-o-transform: all;
-htm-transform: all;
-webkit-transform: all;
transition: 2s;
-moz-transition: 2s;
-o-transition: 2s;
-htm-transition: 2s;
-webkit-transition: 2s;
}
#vortex2:hover, #vortex3:hover, #vortex4:hover, #vortex5:hover, #vortex6:hover
{
height: 300px;
overflow: hidden;
transform: all;
-moz-transform: all;
-o-transform: all;
-htm-transform: all;
-webkit-transform: all;
transition: 2s;
-moz-transition: 2s;
-o-transition: 2s;
-htm-transition: 2s;
-webkit-transition: 2s;
}
.titre1
{
display: block;
width: 200px;
height: 20px;
font-size: 14px;
letter-spacing: 2px;
font-variant: small-caps;
font-family: courier;
font-weight: bold;
padding-top: 2px;
text-shadow: 0px 0px 2px #000000;
}
.content1
{
width: 90%;
height: 300px;
margin: auto;
padding: 0px;
margin-right: 14px;
color: #FFFFFF;
font-size: 11px;
text-align: justify;
}

kanyza
Nouveau membre

Messages : 28
Inscrit(e) le : 11/11/2011

http://fantasy-war.forumactif.com/
kanyza a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Taille de la boîte d'écriture des messages

Message par Gorgorbey le Mer 4 Jan 2012 - 21:30

C'est ce que l'on appelle un CSS développé Smile
Essayez avec ce code :
Code:
textarea#text_editor_textarea {
width: 500px !important;
}

Modifiez le width: 500px.
width: 100% !important est possible également.


Dernière édition par Gorgorbey le Mer 4 Jan 2012 - 21:38, édité 2 fois (Raison : Rectification)

Gorgorbey
+ Hyperactif +

Masculin
Messages : 3321
Inscrit(e) le : 09/09/2010

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

Résolu Re: Taille de la boîte d'écriture des messages

Message par kanyza le Mer 4 Jan 2012 - 21:45

Aucune des deux solutions ne fonctionne si je me rappelle bien à droite de la boîte il y avait la boîte des smiley que j'ai déactivé le problème ne viendrait-il pas de là?

Merci bien ça marche après avoir vu l'édit de votre post et votre nouveau code cette fois ça marche nikel

Merci beaucoup j'édite le post en résolu

kanyza
Nouveau membre

Messages : 28
Inscrit(e) le : 11/11/2011

http://fantasy-war.forumactif.com/
kanyza 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