Ridimensionamento banner Chat Altervista.

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

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/

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:

Codice PHP:

---

<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...

Citazione:

---

Originalmente inviato da 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:

Codice PHP:

---

<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?

Codice PHP:

---

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.

prova ad impostare questo nel tuo css:

Citazione:

---

#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).

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

Codice PHP:

---

<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?

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

Citazione:

---

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

---

Citazione:

---

Originalmente inviato da darkwolf

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

Codice PHP:

---

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>");


---

evidentemente non ci siam capiti!

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

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

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

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 :)