CHAT sballata ( Punbb)

Promemoria primo messaggio :

Apro una segnalazione a parte perchè la mia chat è costruita con codici diversi da quelli standard. Purtroppo non si vede più.




Codici

index_body

Codice:

{JAVASCRIPT}
<!-- BEGIN switch_user_logged_in -->
<div id="pun-visit" class="clearfix">
 <ul>
 <li><a href="{U_SEARCH_NEW}">{L_SEARCH_NEW}</a></li>
 <li><a href="{U_SEARCH_SELF}">{L_SEARCH_SELF}</a></li>
 <li><a href="{U_SEARCH_UNANSWERED}">{L_SEARCH_UNANSWERED}</a></li>
 <li><a href="{U_MARK_READ}">{L_MARK_FORUMS_READ}</a></li>
 </ul>
 <p>{LOGGED_AS}. {LAST_VISIT_DATE}</p>
</div>
<!-- END switch_user_logged_in -->
<!-- BEGIN switch_user_logged_out -->
<div id="pun-visit">
 <p>{L_NOT_CONNECTED} {L_LOGIN_REGISTER}</p>
</div>
<!-- END switch_user_logged_out -->

<!-- BEGIN message_admin_index -->
<div class="main">
 <!-- BEGIN message_admin_titre -->
 <div class="main-head">
 <h1 class="page-title">{message_admin_index.message_admin_titre.MES_TITRE}</h1>
 </div>
 <!-- END message_admin_titre -->

 <!-- BEGIN message_admin_txt -->
 <div id="pun-announcement">
 <p>{message_admin_index.message_admin_txt.MES_TXT}</p>
 </div>
 <!-- END message_admin_txt -->
</div>
<!-- END message_admin_index -->

<!-- BEGIN switch_user_login_form_header -->
<div class="main">
<form action="{S_LOGIN_ACTION}" method="post" name="form_login">
 <div class="user_login_form main-box center">
 <label><span class="genmed">{L_USERNAME} :</span> <input class="post" type="text" size="10" name="username" /></label>  
 <label><span class="genmed">{L_PASSWORD} :</span> <input class="post" type="password" size="10" name="password" /></label>  
 <label><span class="gensmall">{L_AUTO_LOGIN}</span> <input class="radio" type="checkbox" name="autologin" {AUTOLOGIN_CHECKED} /></label>  
 {S_HIDDEN_FIELDS}<input class="mainoption" type="submit" name="login" value="{L_LOGIN}" />
 <!-- BEGIN switch_fb_connect -->
 <span class="fb_or">{switch_user_login_form_header.switch_fb_connect.L_OR}</span>
 <fb:login-button size="large" onlogin="window.location='/facebook_connect.forum'" v="2" scope="{switch_user_login_form_header.switch_fb_connect.L_FB_PERMISSIONS}">{switch_user_login_form_header.switch_fb_connect.L_FB_LOGIN_BUTTON}</fb:login-button>
 <!-- END switch_fb_connect -->
 </div>
</form>
</div>
<!-- END switch_user_login_form_header -->
 
{CHATBOX_TOP}
{BOARD_INDEX}
 <!-- BEGIN disable_viewonline -->
<div id="pun-info" class="main">
 <div style="text-align: center;">
<span class="statround FORUMCOUNTPOST"></span> Total Posts
<span class="statround FORUMCOUNTOPIC"></span> Total Threads
<span class="statround FORUMCOUNTUSER"></span> Total Members
<span class="statround FORUMLASTUSERLINK"></span> Newest Member
<span class="tooltip" style="cursor: default;"><span class="statround FORUMONLINEUSER"></span> Most Online</span>
</div>
  <br />
  <div id="board_statistics" class="statistics clearfix">
 <h4 class="statistics_head"><ul id="stat_links" class="ipsList_inline right ipsType_small">
 <!-- Hook point -->
          <li><a href="/g1-amministratori?tt=1" title="View  administrators ">View Administrators</a></li>
 <li><a href="/g2-viandanti-moderanti?tt=1" title="View Moderators">View Moderators</a></li>
 <li><a href="/statistics#6" title="Statistics">View Statistics</a></li>
<li>
                    <a href="/viewonline">
                        
                            View On Line
                        
                    </a>
                </li>
 </ul>
Users Online</h4>
 <p class="statistics_brief desc">
          <div style="color: #777;
font-size: 11px;
}">
 <p>{TOTAL_USERS_ONLINE}</p>
  <p>{L_ONLINE_USERS}</p>
      <p>{LOGGED_IN_USER_LIST}</p>
<p>{L_CONNECTED_MEMBERS}</p>
      <p>{LEGEND} : {GROUP_LEGEND}</p>
 <p>{L_WHOSBIRTHDAY_TODAY}{L_WHOSBIRTHDAY_WEEK}</p>
 
    </div>
 </p>
 
 
 <br>
 <p>
      
                        
 </p>
 
</div>
      
 
</div>
  
 
 

 
 
 <!-- BEGIN switch_chatbox_activate -->
  <div id="onlinechat">  <img src="http://i39.servimg.com/u/f39/18/91/14/63/tavern10.png"><b> La Taverna dell'Eco </b>
 <p class="page-bottom">  
 
 {TOTAL_CHATTERS_ONLINE} : 
 {CHATTERS_LIST} <br/>
 <!-- BEGIN switch_chatbox_popup -->
 <div id="chatbox_popup"></div>
 <script type="text/javascript">
 insertChatBoxPopup('{disable_viewonline.switch_chatbox_activate.switch_chatbox_popup.U_FRAME_CHATBOX}', '{L_CLICK_TO_JOIN_CHAT}');
 </script>
 <!-- END switch_chatbox_popup -->
 </p>
 </div>
 <!-- END switch_chatbox_activate -->
 </div>
</div>
<!-- END disable_viewonline -->

<!-- BEGIN switch_user_login_form_footer -->
<form action="{S_LOGIN_ACTION}" method="post" name="form_login">
 <div class="user_login_form main-box center">
 <label><span class="genmed">{L_USERNAME} :</span> <input class="post" type="text" size="10" name="username"/></label>  
 <label><span class="genmed">{L_PASSWORD} :</span> <input class="post" type="password" size="10" name="password"/></label>  
 <label><span class="gensmall">{L_AUTO_LOGIN}</span> <input class="radio" type="checkbox" name="autologin" {AUTOLOGIN_CHECKED} /></label> &nbsp;
 {S_HIDDEN_FIELDS}<input class="mainoption" type="submit" name="login" value="{L_LOGIN}" />
 <!-- BEGIN switch_fb_connect -->
 <span class="genmed fb_or">{switch_user_login_form_footer.switch_fb_connect.L_OR}</span>
 <fb:login-button size="large" onlogin="window.location='/facebook_connect.forum'" v="2" scope="{switch_user_login_form_footer.switch_fb_connect.L_FB_PERMISSIONS}">{switch_user_login_form_footer.switch_fb_connect.L_FB_LOGIN_BUTTON}</fb:login-button>
 <!-- END switch_fb_connect -->
 </div>
</form>
<!-- END switch_user_login_form_footer -->

{CHATBOX_BOTTOM}




<!-- BEGIN switch_fb_index_login -->
<div id="fb-root"></div>
<script type="text/javascript">
//<![CDATA[
FB.init({
 appId: '{switch_fb_index_login.FACEBOOK_APP_ID}',
 status: true,
 cookie: true,
 xfbml: true,
 oauth: true
});
//]]>
</script>
<!-- END switch_fb_index_login -->

Css

Codice:

*chatbox*/
#chatbox, #chatbox_footer, #chatbox_members {
background: white;
border-top: 1px solid #EAEAEA;  
}

#chatbox_header.main-head {
background: #2C5687 url(http://i59.servimg.com/u/f59/18/91/14/63/mainti11.png) repeat-x top;
padding: 2px;
font-weight: 300;
-moz-border-radius: 4px 4px 0 0;
border-radius: 4px 4px 0 0;
border-radius: 4px 4px 0 0;
-webkit-box-shadow: inset 0px 1px 0 #528CBC;
-moz-box-shadow: inset 0px 1px 0 #528cbc;
box-shadow: inset 0px 1px 0 #528CBC;
border-width: 1px 1px 0 1px;
border-color: #316897;
border-style: solid;
}

.chatbox-title, .chatbox-title a.chat-title {
  color: white;
font-size: 15px;
font-weight: bold;
}

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

#chatbox_members .member-title {
background: #F8E7DD;
background-color: #F4F9FD;
background-image: none;
border-bottom: 2px solid red;
color: #A30000;
font-family: Verdana,Arial,Helvetica,sans-serif;
font-size: 12px;
padding: .5em .25em;
text-align: center;
text-shadow: 1px 0 0 white;
}

#chatbox_members {
display: none;
}

div.main-content.chatbox.clearfix {
border: 1px solid #EAEAEA;
border-radius: 4px;
}
#chatbox p {
border-bottom: 1px solid #DDD;
border-top: 1px solid white;
line-height: 1.2em;
word-wrap: break-word !important;
}
#chatbox_footer {
  width: 290px;
  min-width: 230px;
  background: #FCFCFC;
  float: right;
  clear:both;
  position: relative;
  border-top: 1px solid gainsboro;;
}
.right {
clear: both;
float: right;
}
input#message.post {
height: 45px;
width: 240px;
padding: 6px;
border: 1px solid #D4D4D4;
background: #FCFCFC;
color: black;
text-shadow: white 0px 1px 0px;
-webkit-box-shadow: inset rgba(0, 0, 0, 0.1) 0px 1px 3px;
-moz-box-shadow: inset rgba(0,0,0,0.1) 0px 1px 3px;
box-shadow: inset rgba(0, 0, 0, 0.1) 0px 1px 3px;
margin: 20px;
margin-bottom: 0px;
}
#message, #submit_button {
  background: #323232 url('http://i59.servimg.com/u/f59/18/91/14/63/highli10.png') repeat-x 0 0;
border-color: #2B2B2B;
color: white;
text-shadow: #2B2B2B 0px -1px 0px;
-moz-box-shadow: rgba(0,0,0,0.43) 0px 1px 3px;
-webkit-box-shadow: rgba(0, 0, 0, 0.43) 0px 1px 3px;
box-shadow: rgba(0, 0, 0, 0.43) 0px 1px 3px;
-moz-border-radius: 2px;
padding: 5px;
-webkit-border-radius: 2px;
border-radius: 2px;
display: block;
margin: 10px;
margin-top: 0px;
margin-left: 20px;
}
#message, #submit_button:hover {
  opacity: 0.9;
}
.fontbutton {
cursor: pointer;
float: left;
margin: 3px;
padding: 3px;
margin-right: 10px;
text-align: left;
background: #E2E9F0;
border-color: #DAE2EA;
color: #464646;
-moz-box-shadow: inset 0 1px 0 0 #eff3f8, 0px 2px 3px rgba(0,0,0,0.2);
-webkit-box-shadow: inset 0 1px 0 0 #EFF3F8, 0px 2px 3px rgba(0, 0, 0, 0.2);
box-shadow: inset 0 1px 0 0 #EFF3F8, 0px 2px 3px rgba(0, 0, 0, 0.2);
}
.fontbutton:hover {
  opacity: 0.9;
}
#chatbox_messenger_form {
margin: 37px 0 0;
}
#divsmilies img + img{visibility:visible!important}
#chatbox_messenger_form div.right img{
visibility:hidden
}
#simple-wrap {
  background:white;
}
#divbold, #divcolor, #divitalic, #divsmilies, #divstrike, #divunderline {
background-position: center;
background-repeat: no-repeat;
}
#divbold {
background-image: url(http://cdn2.iconfinder.com/data/icons/oxygen/16x16/actions/format-text-bold.png);
}
#divitalic {
background-image: url(http://cdn2.iconfinder.com/data/icons/oxygen/16x16/actions/format-text-italic.png);
}
#divunderline {
background-image: url(http://cdn2.iconfinder.com/data/icons/oxygen/16x16/actions/format-text-underline.png);
}
#divstrike {
background-image: url(http://cdn1.iconfinder.com/data/icons/bnw/16x16/actions/text_strike.png);
}
#divcolor {
background-image: url(http://2img.net/i/fa/wysiwyg/color_swatch.png);
}
#divsmilies {
background-image: url(http://i26.servimg.com/u/f26/12/56/56/12/emotic10.png);
}
#chatbox{
background: #FBFBFB;
padding: 8px;
border: 1px solid #DBE4EF;
border-bottom: 3px solid #DBE2EC;
margin-top: 5px;
left:0;
width: 800px;

}
.attach {
float: right;
}
div.main-content.chatbox.clearfix {
border: 0px;
border-radius: 4px;
padding: 0px;
}

 


 

Chi mi aiuta?

Rettifico. Lo scroll nel pop up c'è.
Non c'è nell'accesso da portale perchè la chat è troppo piccola. Quindi mancano solo gli archivi.
Devo cercare di capire dove sta la larghezza della prima colonna.
Se non ce la faccio torno al predefinito. Anche se poi mi si sballa qui:

La Valle dell'Eco ha scritto:Ora il problema è l'ssenza di uno scroll e degli archivi.

Poi hai detto che il problema con lo scroll lo hai risolto

quindi il problema che rimane è quello degli archivi, ma io dal tuo screenshot li vedo bene

Esatto. Dovevo solo rimpicciolire la chat.
Come fo' per los archivios?

@La valle dell'eco ripeto:

quindi il problema che rimane è quello degli archivi, ma io dal tuo screenshot li vedo bene  

non capisco il problema

Niko ha scritto:@La valle dell'eco ripeto:

quindi il problema che rimane è quello degli archivi, ma io dal tuo screenshot li vedo bene  

non capisco il problema

Non ci sono gli archivi, come hai detto tu . Il problema ora è solo questo.

@La valle dell'eco penso sia dovuto ad un codice css che hai inserito

infatti se rimuovo queste stringhe di codice il problema si risolve

Codice:

#chatbox {
position: absolute;
right: 0;
top: 30px;
}

Sei il mio mito personale.

Ora cerco di trovare quel pezzo di codice. È in fila così come lo hai scritto?

no @La valle dell'eco il codice è più ampio, ma le tre linee da rimuovere sono queste

Codice:

position: absolute;
right: 0;
top: 30px;

all'interno dell'ID chatbox