Ridimensionamento banner Chat Altervista.

[collezionieuro]

Buonasera, vorrei sapere se è possibile ridimensionare o inserire un ridimensionamento automatico del banner Chat Altervista. Ho Provato ad inserirlo come Widget nella main sidebar top, ma va fuori colonna e non è molto estetico, siccome ha degli spazi vuoti, volevo sapere se è possibile ridimensionarlo. Grazie

[collezionieuro]

OK, risolto il problema ridimensionamento, estratto il form e inserito nel widget. Ora un un problema, inserendo un nickname, nella chat non compare il nome da me inserito ma il nome "nickname". Come posso risolvere? http://collezionieuro.altervista.org/blog/

[darkwolf]

il form non fa nemmeno il /join nel canale! quindi, evidentemente, l'hai inserito male!
al massimo ricopia il js nel tuo spazio, modificalo per le tue necessità (meno possibile) e integralo esattamente come fosse quello di altervista:

<script type="text/javascript"> var av_chat_lang = 'it'; </script>
<script type="text/javascript" src="http://tl.altervista.org/js/chat.js"></script> 

se lo apri, vedrai che non c'è solo il form.

saluti...

[collezionieuro]

il form non fa nemmeno il /join nel canale! quindi, evidentemente, l'hai inserito male!
al massimo ricopia il js nel tuo spazio, modificalo per le tue necessità (meno possibile) e integralo esattamente come fosse quello di altervista:

<script type="text/javascript"> var av_chat_lang = 'it'; </script>
<script type="text/javascript" src="http://tl.altervista.org/js/chat.js"></script> 

se lo apri, vedrai che non c'è solo il form.

saluti...

Ok grazie, ho insertito il js nel mio spazio e la parte nick funziona. Ora per ridimensionare, quali parametri devo modificare, per farlo diventare più piccolo, o eventualmente in automatico in base alla risoluzione dello schermo?

document.writeln("#av-chat {width: 393px;height: 78px;border: 1px solid #e0e0e0;    background-color: #F3F3F3;font-family: Verdana, Arial, Helvetica, sans-serif;}");    
document.writeln("#av-chat form {margin: 0;text-align: center;padding: 10px 0;}");    
document.writeln("#av-chat #btn-open {cursor: pointer;border: 0;height: 28px;width: 90px;padding: 3px 2px 6px 2px;background: url('http://im.altervista.org/cp/btn-chat.gif') no-repeat 0 0;font-size: 12px;font-weight: bold;text-align: center;color: white;font-family: Arial, sans-serif;margin: 0;}");
document.writeln("#av-chat #btn-open:hover {background-position: 0 -28px;}");            
document.writeln("#av-chat #av-user {font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 12px;color: #333;padding: 5px 2px;border-top: 1px solid #7c7c7c;border-left: 1px solid #c3c3c3;border-right: 1px solid #c3c3c3;border-bottom: 1px solid #ddd;background: white url('http://im.altervista.org/cp/fieldbg.gif') repeat-x top;margin: 0;}");
document.writeln("p.av-info {font-size: 11px;margin:0;padding: 5px 10px;color: #333;text-align: center;}"); 

Dovrei modificare il parametro #av-chat width a 295, ma se lo modifico nel js non mi da nessun risultato, dovrei modificarlo nell'Html ma non trovo il file.

[darkwolf]

prova ad impostare questo nel tuo css:

#av-chat { width: 100% !important; }

se non dovesse funzionare, modifica il width nel js con questo valore.

se, invece, funziona, puoi riutilizzare il js di altervista (non serve usare un tuo customizzato).

[collezionieuro]

Ho provato, ma non cambia. Ho notato tramite l'analizzatore di pagina di firefox che il parametro da cambiare è quì

<style type="text/css">
#av-chat {width: 398px;height: 78px;border: 1px solid #e0e0e0;    background-color: #F3F3F3;font-family: Verdana, Arial, Helvetica, sans-serif;}
#av-chat form {margin: 0;text-align: center;padding: 10px 0;}
#av-chat #btn-open {cursor: pointer;border: 0;height: 28px;width: 90px;padding: 3px 2px 6px 2px;background: url('http://im.altervista.org/cp/btn-chat.gif') no-repeat 0 0;font-size: 12px;font-weight: bold;text-align: center;color: white;font-family: Arial, sans-serif;margin: 0;}
#av-chat #btn-open:hover {background-position: 0 -28px;}
#av-chat #av-user {font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 12px;color: #333;padding: 5px 2px;border-top: 1px solid #7c7c7c;border-left: 1px solid #c3c3c3;border-right: 1px solid #c3c3c3;border-bottom: 1px solid #ddd;background: white url('http://im.altervista.org/cp/fieldbg.gif') repeat-x top;margin: 0;}
p.av-info {font-size: 11px;margin:0;padding: 5px 10px;color: #333;text-align: center;}
</style> 

ma non so, in quale file sia. Hai un'idea di dove si trovi?

[darkwolf]

te l'avevo scritto su: se non funziona cambialo nel javascript:

document.writeln("#av-chat {width: 393px;height: 78px;border: 1px solid #e0e0e0; background-color: #F3F3F3;font-family: Verdana, Arial, Helvetica, sans-serif;}");

[collezionieuro]

te l'avevo scritto su: se non funziona cambialo nel javascript:

nel javascript, per capirci chat.js l'ho cambiato ma non ha nessun effetto. Dove trovo l'altro file dove cambiare il parametro? Grazie.
Questo è il javascript modificato

document.writeln("<!DOCTYPE html PUBLIC \"-//W3C//DTD XHTML 1.0 Transitional//EN\" \"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd\">");
document.writeln("<html>");
document.writeln("<head>");
document.writeln("<meta http-equiv=\"X-UA-Compatible\" content=\"IE=7\" />");
document.writeln("<title>chat</title>");
document.writeln("<style type=\"text/css\">");    
document.writeln(" #av-chat { width: 100% !important; }");    
document.writeln("#av-chat form {margin: 0;text-align: center;padding: 10px 0;}");    
document.writeln("#av-chat #btn-open {cursor: pointer;border: 0;height: 28px;width: 90px;padding: 3px 2px 6px 2px;background: url('http://im.altervista.org/cp/btn-chat.gif') no-repeat 0 0;font-size: 12px;font-weight: bold;text-align: center;color: white;font-family: Arial, sans-serif;margin: 0;}");
document.writeln("#av-chat #btn-open:hover {background-position: 0 -28px;}");            
document.writeln("#av-chat #av-user {font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 12px;color: #333;padding: 5px 2px;border-top: 1px solid #7c7c7c;border-left: 1px solid #c3c3c3;border-right: 1px solid #c3c3c3;border-bottom: 1px solid #ddd;background: white url('http://im.altervista.org/cp/fieldbg.gif') repeat-x top;margin: 0;}");
document.writeln("p.av-info {font-size: 11px;margin:0;padding: 5px 10px;color: #333;text-align: center;}");                
document.writeln("</style>"); 

[darkwolf]

evidentemente non ci siam capiti!

http://darkwolf.altervista.org/av-customchat.js ---> http://darkwolf.altervista.org/chat.html

[collezionieuro]

Perchè lo modifico, ma rimane sempre lo stesso valore?
http://collezionieuro.altervista.org/js/chat.js
http://collezionieuro.altervista.org/blog/

[collezionieuro]

Non capisco come sia successo, ma ora è OK. Dimensione giusta. Grazie di tutto e buona Domenica. ;)

[darkwolf]

Scarica quello che ho modificato io... Per il resto, assicurati di svuotare eventuale cache del browser, del blog, di cloudflare (se attive).
-
Edit: Ok, tanto meglio, ciao :)