Creare una Chatbox.

«Søbe»

Posted on 16/6/2011, 09:10

User deleted

SOLUZIONE 1 - guida per utenti (un minimo) esperti

- create una chat su xat clikkando qui

- copiate il codice che vi danno all'interno di una pagina internet. se usate programmi tipo dreamweaver, ricordatevi che i codici non vanno copiati nella modalità vista, ma nella modalità CODICE (solitamente rappresentata dai simboli <>

- uploadate la chat sul vostro sito e segnatevi l'indirizzo preciso per arrivarci (ad esempio http://tuosito.tuohost.org/chat/nomechat.htm )

- dopodichè andate nella sezione modifica html del pannello admin del forum e inserite questo codice dove preferite:

CODICE

ovviamente al posto dell'indirizzo che ho messo dovrete mettere l'indirizzo della pagina dove avete messo la chat e al posto del numero virgolettato dopo width= dovrete mettere la larghezza del frame e al posto di quello dopo height= l'altezza. ricordatevi che quelle sono le dimensioni del frame, quindi dovrà essere più grande della chat perchè altrimenti non ci starà (quasi tutti i programmi per fare pagine internet mettono dei margini preimpostati sopra e a latodi qualche pixel, quindi il frame dovrà essere più o meno 20 pixel più largo e 20 più alto).

se poi siete abbastanza abili, potete fare come ho fatto io che ho aggiunto dei link sotto la chat nella pagina internet e quindi ho dimensionato il frame qui sul forum in modo che ci stessero anche quelle scritte. volendo potete inserirci anche bannerini, scritte mobili, ecc..

un altra cosa da ricordare è che se avete il sito su altervista, perchè il codice iframe funzioni è necessario che il file con la pagina internet sia in una cartella chiamata _altervista_ht

se invece volete che la chat sia inserita in una tabella con lo stile del forum, il codice di sopra dovrà essere inserito nel codice che da le direttive per fare la tabella. in futuro probabilmente qualcuno ne avrà bisogno e farò un tutorial su come si creano le tabelle, per ora vi basti sapere che questo codice che vi passo ora farà quello che vi serve se lo copiate nella sezione modifica html del pannello admin.

CODICE

<table class="skin_tbl" align="center" cellpadding="0" cellspacing="0"><tr><td class="mleft_top"></td><td><table class="mback" width="100%" cellpadding="0" cellspacing="0"><tr><td class="mback_left"></td><td class="mback_center">

<div class="mtitle">TITOLO TABELLA</div>

</td><td class="mback_right"></td></tr></table></td><td class="mright_top"></td></tr><tr><td class="mleft"></td><td><table class="mainbg" style="text-align:center;width:100%" cellpadding="4" cellspacing="1">

<tr title="chatbox">
<td class="ww"><iframe src="http://tuosito.tuohost.org/chat/nomechat.htm" width="840" height="390" border="0">Se non riesci a visualizzare la chatbox clicca <a href="http://tuosito.tuohost.org/chat/nomechat.htm">qui</a>
</iframe></td>
</tr>

</table></td><td class="mright"></td></tr><tr><td class="mleft_bottom"></td><td><table class="msub" width="100%" cellpadding="0" cellspacing="0"><tr><td class="msub_left"></td><td class="msub_center"> </td><td class="msub_right"></td></tr></table></td><td class="mright_bottom"></td></tr></table>

praticamente dovrete sostituire la parte dove c'è scritto <iframe src= ecc fino a con il codice che vi ho dato prima (ovviamente modificato con l'indirizzo della chat e le dimensioni giuste del frame).
poi dove c'è scritto TITOLO TABELLA potete mettere quello che volete al posto della scritta e comparirà come titolo della tabella proprio come i titoli dei subforum.

SOLUZIONE 2 - guida per niubbi

- se non lo avete (e probabilmente è così, perchè altrimenti sapreste come fare una pagina internet..) dovete crearvi un sito. io uso altervista da un sacco di tempo e per vari siti e mi ci trovo bene. in ogni caso, per quello che serve a voi andrà benissimo.

andate quindi su altervista e fate un account. tenete conto che il nome dell'account sarà anche il dominio del vostro sito (esempio http://nomeaccount.altervista.org) e non potrete cambiarlo in futuro, quindi sceglietelo bene.

- poi andate su XAT e createvi la vostra chat

- una volta che avete il vostro sito vi servirebbe un programma per creare pagine internet e per caricarle via ftp, ma questa guida vi permetterà (speriamo) di farlo senza avere queste cose e senza dover imparare ad usarle.
fate così, aprite il blocco note di windows e copiateci questo codice:

CODICE

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>CHAT</title>
</head>

<body>

INSERITE AL POSTO DI QUESTA SCRITTA IL CODICE DELLA CHAT!!

</body>
</html>

quindi inserite il codice che vi danno su XAT al posto della scritta in stampatello.

andate quindi in altervista nel vostro pannello admin e clikkate su Altersito e poi Gestione File, clikkate su Crea Cartella e create una cartella dal nome _altervista_ht compreso di trattini _
tornate al vostro file del blocco note e fate salva con nome e salvatelo con .html come estensione del file (esempio scrivete chat.html ) nella cartella _altervista_ht all'interno della cartella principale del sito
poi tornate al pannello di controllo di altervista e fate invia file e uploadate il file con la chat.

- a questo punto la chat è in internet e potete inserire il codice per l'iframe sul vostro forum!
andate nella sezione modifica html del pannello admin del forum e inserite questo codice nella sezione dove preferite:

CODICE

ovviamente al posto dell'indirizzo che ho messo dovrete mettere l'indirizzo della pagina dove avete messo la chat (secondo l'esempio di prima sarà http://tuosito.altervista.org/_altervista_ht/chat.html ) e al posto del numero virgolettato dopo width= dovrete mettere la larghezza del frame e al posto di quello dopo height= l'altezza. ricordatevi che quelle sono le dimensioni del frame, quindi dovrà essere più grande della chat perchè altrimenti non ci starà (quasi tutti i programmi per fare pagine internet mettono dei margini preimpostati sopra e a latodi qualche pixel, quindi il frame dovrà essere più o meno 20 pixel più largo e 20 più alto).

non nascondo che potrei aver spiegato troppo semplicisticamente qualche passaggio che per qualcuno magari è difficile, quindi se qualcuno avesse dubbi non esiti a chiedere!

in ogni caso, esistono altre chat molto più semplici da installare, tipo GABBLY CHAT che però non è personalizzabile e ogni tanto è incriccata per questioni di server, ma è davvero adatta a webmaster di livello base.

se poi qualcuno non capisce come si usa, basta che apra una sezione apposta e vi spiego come si usa gabbly.

FedericoPonzi

Posted on 13/3/2013, 17:22

User deleted

Ottimo articolo!
Io ho scritto da poco un articolo che spiega come gestirle con PHP

1 replies since 16/6/2011, 09:10 1540 views

Creare una Chatbox.

Pikkio la Lince del Nord