Taille de la boîte d'écriture des messages
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
Taille de la boîte d'écriture des messages
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
Merci à ceux ou celles qui pourront m'aider
Dernière édition par kanyza le Mer 4 Jan 2012 - 21:49, édité 1 fois
Re: Taille de la boîte d'écriture des messages
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.
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.
Re: Taille de la boîte d'écriture des messages
Bonsoir c'est une version PunBB
Voici le CSS
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;
}
Re: Taille de la boîte d'écriture des messages
C'est ce que l'on appelle un CSS développé
Essayez avec ce code :
Modifiez le width: 500px.
width: 100% !important est possible également.
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)
Re: Taille de la boîte d'écriture des messages
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
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
Sujets similaires
» Problème de taille de boite de MP
» Taille boite réponse rapide
» Taille de la boite de réponse rapide
» Hauteur (et taille de police) de la barre comprenant "Forums", "Sujets", "Messages" et "derniers messages"
» Modifier taille colonne "Sujets/Messages/Derniers messages"
» Taille boite réponse rapide
» Taille de la boite de réponse rapide
» Hauteur (et taille de police) de la barre comprenant "Forums", "Sujets", "Messages" et "derniers messages"
» Modifier taille colonne "Sujets/Messages/Derniers messages"
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