[Risolto] allargare chat box

ciao guardate

vorrei allargarla (ho visto che si può fare chi mi da il codice da mettere nel css

non ti serve il codice

ma volevo allungarla anche come posso fare?

la chat box si adegua alla larghezza del forum. Più largo è il forum, più larga sarà la chatbox. Oltre usare quel " pulsante " datoti da crow, non puoi fare molto. Prova ad allargare un po il forum.

Se non sai come fare: PDA ---> Generale ---> Configurazione ---> Struttura delle pagine ---> Larghezza del forum: 86% (o quello che vuoi metterci xD)

the crow ha scritto:non ti serve il codice

..quarda nei tutelari ci sono vari modi di mettere la chat

tutelari?

crow intendeva " tutoriali " https://aiuto.forumattivo.it/t12517-elenco-dei-tutoriali

qua però è centrale. come devo fare..
edit: ho notato che deve aver allargato il forum e i widget del indice sono dopo il pulsante disconnetti vorrei anch'io ottenere quel risultato (ho provato da pda generale configurazione ma non ci riesco)

scusa, puoi spiegarti meglio? non ho capito bene cosa intendi.

Hai visto i tutoriali spero...

allora cerco di spiegarmi meglio
i widget dell'indice sono dopo i bottoni che ci sono sotto al logo guarda:(a destra)

a me interessa sapere come spostarli a destra come nell'immagine e per fare in modo che la chatbox e il forum sono centrali
non so se avete capito

.. non ti preoccupare CG92 , funziona cosi molti continuano con il loro discorso senza leggere le risposte o le leggono in parte

si ci ho guardato ma non ci riesco

dammi il link di quello che hai visto e ti piace..cerco di spiegartelo meglio

http://www.zermo95.net/ ecco spero abbiate capito (io penso che bisogna allargare il forum ho provato si qualcosa ho ottenuto ma i widget dell'indice non riesco a spostarli così e il forum e la chatbox non si centra)

Allora:

1) Per allargare il forum vai in: PDA ---> Generale ---> Configurazione ---> Struttura delle pagine ---> Larghezza del forum (numero o %): 86% (o quello che vuoi.)

2) Per spostare a tuo piacimento gli widget: PDA ---> Moduli ---> Widget dell'indice ---> Opzioni generali dei widget dell'indice:

Larghezza colonna 1 (sinistra): scegli quanti pixel
Larghezza colonna 3 (destra): scegli quanti pixel

Altezza tra due widget: 3 (o quello che vuoi)
Spazio tra due colonne: 1 (o quello che vuoi)

Dovrai fare alcune prove, poichè non possiamo aiutarti su quanto precisamente modificare gli widget, visto che il forum è tuo.

Se vuoi anche il forum trasparente come quello, modifichi il CSS:

PDA ---> Colori ---> Foglio di stile css ---> inserisci questo codice:

Codice:

.bodyline  {
background: transparent;
}

EDIT: sono andato sul tuo forum, vedo che il problema sull'immagine di sfondo è stata risolta. Quindi ci rimane la chatbox credo.

Saluti, CG92.

Codice:

.buttons img{background: url(http://i66.servimg.com/u/f66/13/46/75/82/upload10.png) no-repeat center;}

.buttons img:hover{background: url(http://i66.servimg.com/u/f66/13/46/75/82/upload11.png) no-repeat center;}

.i_post{background: url(http://i66.servimg.com/u/f66/13/46/75/82/new_to25.png) no-repeat center !important;}

.i_post:hover{background: url(http://i66.servimg.com/u/f66/13/46/75/82/new_to26.png) no-repeat center !important;}

.i_reply, #new-message-link img{background: url(http://i66.servimg.com/u/f66/13/46/75/82/post_r23.png) no-repeat center !important;}

.i_reply:hover, #new-message-link img:hover{background: url(http://i66.servimg.com/u/f66/13/46/75/82/post_r24.png) no-repeat center !important;}

.i_reply_locked{background: url(http://i66.servimg.com/u/f66/13/46/75/82/locked31.png) no-repeat center !important;}

.i_reply_locked:hover{background: url(http://i66.servimg.com/u/f66/13/46/75/82/locked32.png) no-repeat center !important;}

.i_msg_newpost{background: url(http://i66.servimg.com/u/f66/13/46/75/82/new_pm20.png) no-repeat center !important;}

.i_msg_newpost:hover{background: url(http://i66.servimg.com/u/f66/13/46/75/82/new_pm21.png) no-repeat center !important;}

#new-message-link a{border: none !important;
-moz-box-shadow : 0 0 0px #666 !important;
-webkit-box-shadow : 0 0 0px #666 !important;
box-shadow : 0 0 0px #666 !important;}

#fa_ticker_block{width: 920px;
position: relative;
left: 28px;
padding: 10px;
margin: -10px;
padding-top: 15px;}

#main-content{
width: 920px !important;
float: center;
margin-left: 32px;}

#page-header .navbar, #page-footer .navbar{
background: none !important;
width: 900px !important;
margin-left: 32px;}

.headerbar{
padding-top: 30px;
margin-left: 32px;
width: 910px !important;}

#page-header{
width: 984px;
background: url(http://i66.servimg.com/u/f66/11/96/49/61/header22.png) no-repeat top center;}

#page-body{
background: url(http://i66.servimg.com/u/f66/13/46/75/82/body33.png) repeat-y center !important;
width: 100%;
margin: 0px 0px;}

#outer-wrapper{
padding: 4px 0px;}

#page-footer{
float: center !important;
width: 984px;
background: url(http://i66.servimg.com/u/f66/13/46/75/82/f11.png) no-repeat bottom center;
height: 70px;}

#page-footer .navbar{
padding-bottom: 20px;
background: url(http://i66.servimg.com/u/f66/11/96/49/61/cr17.png) no-repeat bottom right !important;}

body {
background: #f0fdff url(http://i66.servimg.com/u/f66/13/46/75/82/bg32.png) repeat-x;
margin: 0px !important;
padding: 0px !important;}

.conteneur_minwidth_IE{
background: url(http://i66.servimg.com/u/f66/11/96/49/61/grass10.png) repeat-x bottom;
width: 100%;
height: 100%;
margin-bottom: -10px;
padding-top: 15px;
padding-bottom: 10px;}

#wrap{
position: relative;
left: 10px;}

#logo{
float: right !important;
margin-top: -15px;
margin-right: -24px;
padding: 0;}

#profiles {
width : auto;
padding : 1px;
border : 2px solid #EEE;
-moz-border-radius : 7px;
-webkit-border-radius : 7px;
border-radius : 7px;
-moz-box-shadow : 0 0 10px #666;
-webkit-box-shadow : 0 0 10px #666;
box-shadow : 0 0 10px #666;}

.lastpost{
margin: 3px;
width : auto;
border : 2px solid #EEE;
-moz-border-radius : 7px;
-webkit-border-radius : 7px;
border-radius : 7px;
-moz-box-shadow : 0 0 8px #666;
-webkit-box-shadow : 0 0 8px #666;
box-shadow : 0 0 8px #666;}

.header .lastpost{
-moz-box-shadow: none;
-webkit-box-shadow: none;
box-shadow: none;}

#tabs a{
margin: 10px;
width : auto;
color: white;
padding : 2px;
border : 2px solid #EEE;
-moz-border-radius : 7px;
-webkit-border-radius : 7px;
border-radius : 7px;
-moz-box-shadow : 0 0 10px #666;
-webkit-box-shadow : 0 0 10px #666;
box-shadow : 0 0 10px #666;}

#tabs .activetab a {
background: url('http://i66.servimg.com/u/f66/13/46/75/82/bgmenu11.png');
width : auto;
color: white;
padding : 2px;
border : 2px solid #EEE;
-moz-border-radius : 7px;
-webkit-border-radius : 7px;
-moz-box-shadow : 0 0 10px #666;
-webkit-box-shadow : 0 0 10px #666;}

li.row {background-image: url('http://i66.servimg.com/u/f66/13/46/75/82/a20.png');}

h3:before,.h3:before{
content: url(http://i66.servimg.com/u/f66/13/46/75/82/soccer11.png);
padding-right: 3px;}

p em b a.gensmall{font-style: normal;
font-style: italic;
font-weight: bold;
font-family: Verdana,Arial,Helvetica,sans-serif;
text-transform: none;}

p em{font-style: normal;
font-size: 1.05em !important;
font-weight: bold;
color: #90AD0E;
background: url(http://i66.servimg.com/u/f66/13/46/75/82/soccer11.png) no-repeat left;
padding-left: 15px;
padding-top: 1px;
font-family: Verdana,Arial,Helvetica,sans-serif !important;
text-transform: uppercase;}

.hierarchy {background: none;}
.hierarchy:before {content: url(http://2img.net/i/fa/empty.gif);}

.introduction, .panel  {
margin: 3px;
background: #f0f0f0 url(http://i66.servimg.com/u/f66/13/46/75/82/bg113.png) repeat-x;
border: 1px solid ;
border-color: #dcdcdc;
-moz-border-radius: 15px;
-webkit-border-radius: 15px;
border-radius: 15px;}

.post {
border : 1px solid #949494;
-moz-border-radius : 7px;
-webkit-border-radius : 7px;
border-radius : 7px;
-moz-box-shadow : 0 0 2px #666;
-webkit-box-shadow : 0 0 2px #666;
box-shadow : 0 0 6px #666;
background: url(http://i66.servimg.com/u/f66/13/46/75/82/bgbgbg10.png) repeat-x;
}

button.button2, input.button2{
background: #f4f5f4 url(http://i66.servimg.com/u/f66/11/96/49/61/tabbg10.png);
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
padding: 2px;}

#login_popup_buttons input{
background: #f4f5f4 url(http://i66.servimg.com/u/f66/11/96/49/61/tabbg10.png) !important;
-moz-border-radius: 3px !important;
-webkit-border-radius: 3px !important;
border-radius: 3px !important;
padding: 2px !important;}

a.button1:hover, input.button1:hover, a.button2:hover, input.button2:hover, button.button2:hover {
color: #048ebb;}

#text_editor_controls a.button2,#text_editor_controls input.button2,#text_editor_controls button.button2{
background-image: url(http://i66.servimg.com/u/f66/13/46/75/82/bbg11.png);
color: black;
padding: 3px;}

.module {
margin: 3px;
border : 1px solid #949494;
-moz-border-radius : 7px;
-webkit-border-radius : 7px;
border-radius : 7px;
 background: url('http://i88.servimg.com/u/f88/14/28/28/25/111.png');
background-repeat: repeat-x;
background-color: #f4f4f4;}

.icon-home{
background: url(http://i66.servimg.com/u/f66/13/46/75/82/iconho11.png) no-repeat top;
padding: 12px;
padding-bottom: 20px;
color: transparent !important;
font-size: 0px !important;}

.icon-home:hover{
background: url(http://i66.servimg.com/u/f66/13/46/75/82/iconho12.png) no-repeat top;
color: transparent;}

.blog_cal-border {
background-color: transparent;
border: 0px;
background: url('http://i66.servimg.com/u/f66/13/46/75/82/blog210.png') no-repeat center;
padding: 5px 5px;}

.blog_cal-content {
background-color: transparent;
color: #FFFFFF;}

ul#privmsgs-menu {
border : 1px solid #949494;
padding: 1px;
margin-right: -80px;
width : 530px;
-moz-border-radius : 7px;
-webkit-border-radius : 7px;
border-radius : 7px;
-moz-box-shadow : 0 0 6px #666;
-webkit-box-shadow : 0 0 6px #666;
box-shadow : 0 0 6px #666;
 background: url('http://i88.servimg.com/u/f88/14/28/28/25/111.png');
background-repeat: repeat-x;
background-color: #f4f4f4;}

.blog .icon {
background-image: url(http://i45.tinypic.com/af911z.png) no-repeat, center;
width: 59px;
height: 80px;
padding-top: 20px;}

#search-box{
margin-top: -20px;
position: relative;
bottom: -20px;
height: 39px;
width: 185px;
right: -30px;
display: inline;
background: transparent url(http://i66.servimg.com/u/f66/14/66/48/40/sb11.png) no-repeat center;}

#search-box #keywords {
width: 80px;
background: transparent;
font-family: Georgia;
font-style: italic;
font-size: 12px;}

#search-box input {
border: none !important;
background: none;}

#search-box input.search {
background: none;
margin-left: 51px;
margin-top: 11px;}

#search-box input.button2 {
font-size: 0px;
background-image: url(http://i66.servimg.com/u/f66/14/66/48/40/buton_11.png);
background-color: transparent;
background-repeat: no-repeat;
width: 24px !important;
height: 24px !important;
border: 0;
margin-left: 4px;
margin-bottom: -9px;
background-position: 0 100%;
color: transparent;}

/*-------------------shame on me-------------------*/

#page-footer{color: transparent; margin-bottom: 20px;}
#page-footer .gensmall{color: #666666;}
#page-footer a[href="http://www.blogratuit.ro/ro/"]{display: none !important;}
#page-footer a[href="/report_abuse.forum?page=%2Fmeniuri-f15%2Fbass-meter-meniu-t168.htm&report=1"]{display: none !important;}

#page-footer a[href="/report_abuse.forum?page=%2Fforum.htm&report=1"]{display: none !important;}


img[src="http://2img.net/i/fa/empty.gif"]{display: none !important;}
img[src="http://2img.net/i/fa/icon_mini_search.gif"]{display: none !important;}


#page-footer a[href="http://www.blogratuit.ro/ro/"]{display: none !important;}
#page-footer a[href="http://www.freeforums-hosting.com"]{display: none !important;}

/*-------------------end-shame on me-------------------*/

.forabg, .forumbg {
-moz-border-radius: 10px 10px 11px 11px;
-webkit-border-radius: 10px 10px 11px 11px;
border-radius: 10px 10px 11px 11px;
padding: 0 6px !important;}

.forumline{
-moz-border-radius: 10px 10px 11px 11px;
-webkit-border-radius: 10px 10px 11px 11px;
border-radius: 10px 10px 11px 11px;}

.icon{margin-left: -22px;
padding-left: 22px;}

.forumbg .icon{margin-left: -22px;
padding-left: 22px;}

.forabg dd.posts, .forabg dd.topics, .forabg dd.lastpost{margin: 3px;}

.forabg ul.forums, .pmlist {
border: 2px solid white;
background: #e7e5e5 url(http://i66.servimg.com/u/f66/13/46/75/82/a20.png) !important;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;}

 ul.topiclist, .pmlist {
z-index: 999 !important;
position: relative !important;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;}

.pmlist .icon{margin-left: -25px !important;
padding-left: 25px;}

.forabg .row{background: none !important;}

.forumbg .row{
border-left: 2px solid white;
border-right: 2px solid white;}

.forumbg .row:first-child, .forumbg .row2:first-child, .table1 .row:first-child, .table1 .row2:first-child{
-moz-border-top-left-radius: 10px;
-moz-border-top-right-radius: 10px;
-webkit-border-top-left-radius: 10px;
-webkit-border-top-right-radius: 10px;
border-top-left-radius: 10px 10px 0 0;
border-top-right-radius: 10px 10px 0 0;
border-top: 2px solid white;}

.forumbg .row:last-child, .forumbg .row2:last-child, .table1 .row:last-child, .table1 .row2:last-child{
-moz-border-bottom-left-radius: 10px;
-moz-border-bottom-right-radius: 10px;
-webkit-border-bottom-left-radius: 10px;
-webkit-border-bottom-right-radius: 10px;
border-bottom-left-radius: 10px 10px 0 0;
border-bottom-right-radius: 10px 10px 0 0;
border-bottom: 2px solid white;}

ul.search{
background: #f0f0f0 url(http://i66.servimg.com/u/f66/13/46/75/82/bg113.png) repeat-x !important;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
border: 2px solid white;}

.table1{
z-index: 999 !important;
position: relative;}

.forumbg-table .left-box, .forumbg-table .right-box, .forumbg-table .row1{
z-index: 999 !important;
position: relative !important;}

table{
border-spacing: 0px;
border-collapse: expression('separate', cellSpacing = '0px');}

.forabg .corners-bottom, .forumbg .corners-bottom{
display: inline-block;
width: 920px;
margin-left: -6px;
padding-top: 50px;
margin-top: -40px;
background: url(http://i66.servimg.com/u/f66/11/96/49/61/bottom10.png) repeat-x bottom;
z-index: -1 !important;
-moz-border-radius: 0 0 10px 10px;
-webkit-border-radius: 0 0 10px 10px;
border-radius: 0 0 10px 10px;}

#page-header .navbar ul.navlinks{
width: 1012px;
height: 50px;
background: url(http://i66.servimg.com/u/f66/11/96/49/61/meniu12.png) no-repeat top center;
left: -56px;
position: relative;}

#page-header .navbar ul.navlinks li a{
color: white;
position: relative;
bottom: -22px !important;
margin: 5px;
font-family: arial;
font-size: 14px;
text-shadow: 1px 1px 1px black;}

#page-header .navbar ul.navlinks li a:hover{
text-shadow: -1px -1px 1px black;
color: #dcf9ff;}

.overview{
border: 2px solid #2b6f02;
top: 50px !important;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
color: white !important;
background: #3B9D00 url(http://i66.servimg.com/u/f66/11/96/49/61/ovbg10.png) repeat-x;}

.overview label{color: white;}

.overview .row2{background: none;
border-bottom: 1px dashed white;
text-shadow: 1px 1px 1px black;}

.overview a{position: static !important;}

.post{
background: #eeeeee url(http://i66.servimg.com/u/f66/11/96/49/61/offlin10.png) no-repeat top right;}

#preview {
background: #eeeeee !important;}

input[type="text"],input[type="password"]{background-image: none !important;}

.online{z-index: 999 !important;
background: #eeeeee url(http://i66.servimg.com/u/f66/13/46/75/82/online15.png) no-repeat top right;}

dl.codebox {
background-color: #ffffff;
border: 1px solid #e4e4e4;}

dl.codebox dt {
text-transform: none;
background: url(http://i64.servimg.com/u/f64/14/54/25/26/cod12.png) no-repeat right;
border-bottom: 1px dashed #c6e340;
font-size: 12px;
font-family: "Trebuchet MS",georgia,Verdana,Sans-serif;
color: #666666;}

.resizebox{
background: #ffffff url("http://i66.servimg.com/u/f66/13/46/75/82/zoom11.png") 1px 1px no-repeat;
background-position: top right;
font-size: 12px;
font-family: "Trebuchet MS",georgia,Verdana,Sans-serif;}

.resizebox .resize_border{border: 1px solid #e4e4e4;}

#chatbox{left: 205px;
top: 40px;}

#chatbox_members{top: 40px;}

#chatbox_footer {padding-top: 4px !important;
padding-bottom: 4px !important;
padding-right: 0px !important;
padding-left: 0px !important;
width: 96%;
margin-left: 1.5%;}

#chatbox_footer #message{padding: 3px;
width: 70%;
cursor: text;}

#chatbox_footer .text-field {width: 500px;
margin-top: 5px;}

#chatbox_footer .fontbutton{padding: 3px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
background: #f6ffe0;
border: 2px solid #558A11;}

.postprofile{
float: left !important;
color: forestgreen;
text-align: left;
border-color: #e6e6e6;}

#login_popup {border: 2px solid #198699;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
background: #f0f0f0 url(http://i66.servimg.com/u/f66/13/46/75/82/bg113.png) repeat-x;}

.pagination a {
background: #f4f5f4 url(http://i66.servimg.com/u/f66/11/96/49/61/tabbg10.png);
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
padding: 3px !important;}

.pagination a:hover{color: #90AD0E !important;}

.pagination span strong{
background: #f4f5f4 url(http://i66.servimg.com/u/f66/11/96/49/61/tabbg10.png);
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
padding: 3px;
color: #198699;}

.row .pagination {
background: url('http://i66.servimg.com/u/f66/13/46/75/82/docume11.png') 0 50% no-repeat;}

.header{text-shadow: 1px 1px 0px #286b00;}

#page-footer .copyright strong a{
border: 2px solid black;
padding: 5px;
background: white;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
position: relative;
bottom: -15px;
width: 100% !important;}

ul#picture_legend {
margin: 5px;
padding: 5px;
border : 1px solid #949494;
-moz-border-radius : 7px;
-webkit-border-radius : 7px;
border-radius : 7px;
 background: url('http://i88.servimg.com/u/f88/14/28/28/25/111.png');
background-repeat: repeat-x;
background-color: #f4f4f4;}

.user_login_form{margin: 5px;}

no ci ho provato ma non ci riesco penso ci sia un codice qui sai quale potrebbe essere?

ma questo è il css di base?

Il codice della chatbox qui è questo:

Codice:

#chatbox{left: 205px;
top: 40px;}

#chatbox_members{top: 40px;}

#chatbox_footer {padding-top: 4px !important;
padding-bottom: 4px !important;
padding-right: 0px !important;
padding-left: 0px !important;
width: 96%;
margin-left: 1.5%;}

#chatbox_footer #message{padding: 3px;
width: 70%;
cursor: text;}

#chatbox_footer .text-field {width: 500px;
margin-top: 5px;}

#chatbox_footer .fontbutton{padding: 3px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
background: #f6ffe0;
border: 2px solid #558A11;}

Se vuoi modificare, dovresti modificare questo:

Codice:

#chatbox{left: 205px;
top: 40px;}

metto su risolto anche se non è così'