CHAT sballata ( Punbb)

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?

Ciao @La valle dell'eco,

hai provato a rimuovere momentaneamente le modifiche nel template e a vedere se cambia qualcosa?
Se non cambia nulla vuol dire che il problema è da ricercare nel css

Ho rimosso il CSS ma non cambia la situazione e così l'ho rimesso

Niko ha scritto:hai provato a rimuovere momentaneamente le modifiche nel template e a vedere se cambia qualcosa?

giusto per essere sicuri che il problema sia lì

la mia si vede bene...e' cambiato solo il CSS quello modificato non lo prende piu.Rimangono sempre quelli predifiniti

@Niko
Ho provato sul mio forum degli esperimenti che è dove manipolo le cose per poi caricarle sulla Valle dell'Eco  ( http://proveprovate.forumattivo.it/) ma non cambiava nulla. Stesso problema.
Sembra che la Chat ci sia ma sia troppo in alto.

the crow ha scritto:la mia si vede bene...e' cambiato solo il CSS quello modificato non lo prende piu.Rimangono sempre quelli predifiniti

Cioè se rimetto il predefinito va?
In tal caso
.... non è che avresti per le mani un css predefinito?

La Valle dell'Eco ha scritto:In tal caso
.... non è che avresti per le mani un css predefinito?

@La Valle dell'Eco per avere un css predefinito basta rimuovere il css personalizzato che hai inserito nel tuo foglio di stile

@Niko

Allora non è quello il problema, perchè ho seguito il tuo consiglio e avevo rimosso quella parte di CSS senza però ottenere nessun cambiamento.

Cosa dici, le sostituiamo con un CSS qualsiasi?
Magari se lo tolgo non cambia niente, ma se lo sostituisco sì.

purtroppo non funziona così.. per sostituirlo dovresti mettere dei css nuovi ed aggiungere !important alla fine di ogni stringa per far "prevalere" quel codice css sull'altro

togliendo il css che causa il problema il tuo browser non potrò caricarlo dal momento che tu lo hai rimosso..
se non era cambiato niente probabilmente il css non lo avevi tolto tutto o lo avevi inserito anche da un'altra parte

@Niko

per sostituirlo dovresti mettere dei css nuovi ed aggiungere !important alla fine di ogni stringa per far "prevalere" quel codice css sull'altro

Ah ecco. Vedi che una spiegazione ci può essere... solo che so troppo poco per arrivarci da sola.
Lo elaboriamo questo CSS ? Come lo costruiamo?

Grazie per darmi l'occasione di imparare

@La valle dell'Eco sarebbe sicuramente meglio e più semplice rimuoverlo del tutto

prova a toglierlo e passami i codici che rimuovi

Ma ho già provato a rimuovere il CSS e non cambiava niente. Ti ricordi? Avevo rimosso la parte che vedi qui nel mio primo post.
Oppure devo togliere sia CSS che Template contemporaneamente? Quello non l'ho ancora fatto.

perdonami non mi ricordavo del css nel primo post
è ovvio che se il css lo messo anche nel template, devi togliere anche quello

se vuoi tornare a quella standard devi togliere tutte le modifiche che avevi fatto

Ho fatto. Ma la chat resta non funzionante e in più si sballa la grafica.





http://proveprovate.forumattivo.it/

( qui vedi la grafica originale: http://www.lavalledelleco.net/)

Cerco di reperire info. Intanto aspetto suggerimenti.

@La valle dell'eco il problema è sempre lo stesso: devi aver inserito qualche css/javascript/modifica nel template che causa il problema

ovviamente togliendo le aggiunte => si ritorna al codice base che c'è su tutti i forum => il problema scompare

E anche il resto dello stile cambierebbe poi?

La Valle dell'Eco ha scritto:

the crow ha scritto:la mia si vede bene...e' cambiato solo il CSS quello modificato non lo prende piu.Rimangono sempre quelli predifiniti

Cioè se rimetto il predefinito va?
In tal caso
.... non è che avresti per le mani un css predefinito?

..no non hai capito sulla chat del mio forum ..non funziona piu il css modificato c'e' sempre quello predifinito

EDIT: Ora qualcosa sono riuscito a sistemare...non tutto

@Niko: Conviene aspettare qualche giorno prima di rifare tutte le modifiche, sperando che ci mettono mano i tecnici?

@La valle quello che hai postato non e' il template della chat..forse non ho capito niente ?

@the crow esatto.. ci sono ancora delle modifiche da fare (per esempio per il css che non è lo stesso del forum, etc..)

the crow ha scritto:

..no non hai capito sulla chat del mio forum ..non funziona piu il css modificato c'e' sempre quello predifinito

Capito

@La valle quello che hai postato non e' il template della chat..forse non ho capito niente ?  

Ti spiego.
In questo stile avevano tolto la chat. Io ho copiato da un altro stile il css ( ricavandolo con il tasto destro) e quella stringa di template ( ricavata accedendo al pannello) . Così ho fatto comparire la chat.
Dici che c'è un altro codice altrove? Dove potrebbe essere?

Niko ha scritto:@the crow esatto.. ci sono ancora delle modifiche da fare (per esempio per il css che non è lo stesso del forum, etc..)

Tempistica?

@La valle dell'eco purtroppo non abbiamo una scadenza, la nostra equipe tecnica sta facendo il possibile

Puoi seguire i progressi qui:
https://aiuto.forumattivo.it/t17838-1270-problemi-con-la-chatbox

Grazie

[quote="La Valle dell'Eco"]

Ti spiego.
In questo stile avevano tolto la chat. Io ho copiato da un altro stile il css ( ricavandolo con il tasto destro) e quella stringa di template ( ricavata accedendo al pannello) . Così ho fatto comparire la chat.
Dici che c'è un altro codice altrove? Dove potrebbe essere?

..la chat si trova in template > portale . Come vuoi vederla la chat a pop up (come la mia x esempio ) o in un'altro modo?

Ragazzi, sto chiedendo un po' dappertutto e tutti sembrano un po' disorientati.
Il consiglio di Niko si è rivelato saggio perchè poco dopo la mia ennesima richiesta di consigli, la visualizzazione della chat è cambiata



Ora il problema è l'ssenza di uno scroll e degli archivi.

Niko, posso allegare un link inglese con varie segnalazioni inerenti alla chat così lo studiamo insieme?

@the crow
Io l'ho spostata nel portale e la apro da lì e anche da pop up.
Comunque si vede uguale.
( veterano... wow ! )