Copiare ed incollare il seguente codice nella pagina dove si desidera che venga effettuato il login alla
chat.
<!-- Incolla il codice CSS seguente tra i tag <head></head> del tuo sito.
Modificando i valori del codice CSS potrai integrare nello stile
del tuo sito il form di Login della Chat. Gli standard CSS3 -moz-border-radius e
-webkit-border-radius, sono al momento supportati unicamente dai Browser
Firefox e Safari, per una tabella con angoli arrotondati visibile con IE e'
necessario modificare il CSS e utilizzare immagini di sfondo. -->
<!-- Inizio Codice CSS -->
<style>
.chatlogin {
font-family:Verdana; /* Carattere della tabella */
font-size:12px; /* Dimensione font della tabella */
color:#FFF; /* Colore del font della tabella */
width:560px; /* Larghezza del Box di Login */
border:1px solid #CCC; /* Larghezza, style (solid, dotted, dash) e colore del bordo del box */
padding:20px; /* Padding del Box */
-moz-border-radius: 20px ; /* Angoli arrotondati codice per Firefox */
-webkit-border-radius:20px ; /* Agoli arrotondati codice per Safari */
background-color:#9E9EFF; /* Colore di sfondo del Box */
}
.field {
border:1px solid #ccc; /* Larghezza, style e colore del bordo dei campi di testo */
font-size:11px; /* Dimensione font dei campi di testo */
background-color:#FFF; /* Colore di sfondo dei campi di testo */
margin:1px; /* Margine campi di testo */
}
.selector {
border:1px solid #CCC; /* Larghezza, style e colore del bordo dei select */
font-size:11px; /* Dimensione font dei select */
background-color:#1199CC; /* Colore di sfondo dei select */
color:#FFF; /* Colore del font dei select */
}
.button {
border:1px solid #CCC; /* Larghezza, style e colore del bordo del pulsante */
font-size:11px; /* Dimensione font del pulsante */
background-color:#FFFFCC; /* Colore del font del pulsante */
}
</style>
<!-- Fine Codice CSS -->
<!-- Codice Html Form di Login -->
<form action="http://pjirc-msn.simosnap.com/chat.php" method="post" target="_self">
<table class="chatlogin" border="0" align="center"><tr>
<td width="33%"><div align="right">Nick: </div></td>
<td width="33%"><input class="field" type="text" name="chatnick" value=""></td>
<td width="34%"> </td>
</tr><tr>
<td><div align="right">Password: </div></td>
<td><input class="field" type="password" name="password" value=""></td>
<td> (solo nick registrati)</td>
</tr><tr>
<td><div align="right">Nome Reale: </div></td>
<td><input class="field" type="text" name="realname" value="SimosNap IRC Network Java User"></td>
<td> (non obbligatorio)</td>
</tr>
<tr>
<td align="right"><div align="right">Sesso: </div></td>
<td><select class="selector" name="sesso">
<option value="x">Non dichiarato</option>
<option value="m">Uomo</option>
<option value="f">Donna</option>
</select>
</td>
<td></td>
</tr>
<tr>
<td align="right"><div align="right">Eta: </div></td>
<td><input class="field" type="text" value="" class="textbox" name="eta"></td>
<td></td>
</tr>
<tr>
<td align="right"><div align="right">Provincia: </div></td>
<td><input class="field" type="text" value="" class="textbox" name="provincia"></td>
<td></td>
</tr>
<tr><td><div align="right">Lingua:</div></td>
<td><select class="selector" name="lingua" >
<option value="arabic">Arabic</option>
<option value="bosnian">Bosnian</option>
<option value="croatian">Croatian</option>
<option value="english">English</option>
<option value="finnish">Finnish</option>
<option value="french">French</option>
<option value="german">German</option>
<option value="german2">German 2</option>
<option value="italian" selected>Italiano</option>
<option value="malay">Malay</option>
<option value="polish">Polish</option>
<option value="spanish">Spanish</option>
</select></td>
<td> </td>
</tr><tr>
<td><div align="right">Carattere:</div></td>
<td><select class="selector" name="font" >
<option value="Serif">Serif</option>
<option value="Times">New Roman</option>
<option value="Monospaced">Mono</option>
<option value="Verdana" selected>Verdana</option>
<option value="Comic">Comic</option>
<option value="Arial">Arial</option>
</select><select class="selector" name="fontdim" >
<option value="10">10pt</option>
<option value="12">12pt</option>
<option value="13" selected>13</option>
<option value="14">14pt</option>
<option value="16">16pt</option>
</select></td>
<td></td>
</tr><tr>
<td> </td>
<td><input class="button" name="submit" type="submit" value="Chatta!"></td>
<td> </td>
</tr></table>
<input type="hidden" name="title" value="SimosNap pjIRC Advanced Chat">
<input type="hidden" name="channel" value="#italia">
<input type="hidden" name="beep" value="snd/bell2.au">
<input type="hidden" name="altezza" value="100%">
<input type="hidden" name="larghezza" value="100%">
<input type="hidden" name="query" value="snd/ding.au">
<input type="hidden" name="authorizedleave" value="all">
<input type="hidden" name="authorizedjoin" value="all">
<input type="hidden" name="userid" value="JUser">
<input type="hidden" name="smileys" value="true">
<input type="hidden" name="highlight" value="true">
<input type="hidden" name="highlightnick" value="true">
<input type="hidden" name="timestamp" value="true">
<input type="hidden" name="quit" value="SimosNap IRC Network [ http://chatgratisitalia.it/ ]">
<input type="hidden" name="asl" value="true">
<input type="hidden" name="bitmapsmileys" value="true">
<input type="hidden" name="chanlistfont" value="16 Verdana">
<input type="hidden" name="nickfield" value="false">
<input type="hidden" name="useinfo" value="false">
<input type="hidden" name="styleselector" value="false">
<input type="hidden" name="setfontonstyle" value="false">
<input type="hidden" name="bgimage" value="false">
<input type="hidden" name="floatingasl" value="true">
<input type="hidden" name="useident" value="true">
<input type="hidden" name="multiserver" value="false">
<input type="hidden" name="colorB" value="#FFFFFF">
<input type="hidden" name="color15" value="5E93DF">
<input type="hidden" name="color0" value="000099">
<input type="hidden" name="color1" value="FFFFFF">
<input type="hidden" name="color2" value="111100">
<input type="hidden" name="color3" value="FF9900">
<input type="hidden" name="color4" value="CC6600">
<input type="hidden" name="color5" value="FFCC00">
<input type="hidden" name="color6" value="7390BF">
<input type="hidden" name="color7" value="7390BF">
<input type="hidden" name="color8" value="FF0000">
<input type="hidden" name="color9" value="7390BF">
<input type="hidden" name="color10" value="00FF00">
<input type="hidden" name="color11" value="FF0000">
<input type="hidden" name="color12" value="0000CC">
</form>
