giovedì, giugno 10, 2004

Questo template serve solo da esempio per mostrare il funzionamento dei commenti Drop-Down. I commenti vengono caricati subito sotto ciascun post. Nota che anche il testo dei commenti è modificato (0="nessun commento", 1="un commento", n="n commenti").
Per chi preferisse i commenti nella solita finestra indipendente c'è comunque il link "popup" che funziona come quello di default di Splinder.

Per le designer interessate ad utilizzare i commenti "a scomparsa" come appaiono qui, i passi da seguire sono questi:

1) Prima della chiusura del tag HEAD inserire la chiamata allo script:
<script language=javascript src='http://nospam.altervista.org/res/misc/utils1.js'></script>

2) Subito dopo l'apertura del tag BODY (in teoria ovunque tranne che all'interno del tag Blogger) inserite:
<form name="vc_frm" style="display:none"></form>

3) Dentro il tag Blogger al posto del solito tag per i commenti (<$BlogItemComments$>) inserire:
 <img src="http://nospam.altervista.org/img/blog/vc_tip.gif" width=30 height=16 align=absbottom><span class="vc_bar" id="vcl_<$BlogItemNumber$>"><$BlogItemComments$></span><br> <div id="vcd_<$BlogItemNumber$>" style="height:0px; display:none;"></div> <script language=javascript> ccmts('<$BlogItemNumber$>'); </script>

4) Per definire l'aspetto della "linguetta" dei commenti dovete aggiungere nel blocco STYLE i seguenti codici CSS (Style Sheets), quelli predefiniti sono:
.vc_bar { background-color:#003399; color: #3377CC; } .vc_bar a:link, .vc_bar a:visited{ color:white; }

Per chi volesse personalizzare l'aspetto della linguetta dei commenti basta sostituire nel passo 3) l'immagine http://nospam.altervista.org/img/blog/vc_tip.gif (sarebbe il lato sinistro della linguetta: ) con una vostra. E poi modificare gli stili del passo 4).

Sarei felice di vedere nei credits di chi vuole usare questi commenti gli stessi riconoscimenti presenti in questo template, ovvero:
<span style="font-size: 9px;"><a href="http://heracleum.altervista.org/" title="Visita il sito di Heracleum per altre utilità" target="_blank">Blog tools by Heracleum</a> (<a href="http://super.splinder.it" title="Visita Super Splinder" target="_blank">blog</a>)<br> <a href="http://nospam.altervista.org/" title="Visita NO SPAM per proteggere la tua email su internet" target="_blank">Resource hosting by NoSpam</a> </span>
thanks! ;)

Testo post