Funziona con il Browser: | firefox | Safari | opera | internet explorer | netscape navigator |
Crediti:
Name: Premshree Pillai
Website: http://www.qiksearch.com
Descrizione:Come avrete avuto modo di notare si tratta di un modo molto simpatico per per aprire la pagina. E' possibile ottenere lo stesso effetto anche in orizzontale.
Passo 1 :
Selezionare tutto il codice cliccando sulla forbice, quindi posizionatevi sul testo evidenziato, adoperate il tasto destro del mouse per l'operazione di copia ed incolla, non vi rimane che trasferire il tutto nel punto preciso della vostra pagina web, in questo caso fra i tags: <body> e </body>.
Passo 2 :
Adesso prelevate il file script Reveal e salvatelo nella stessa cartella dove avete la pagina con il codice html che avete appena creato.
Note : nello script trovate due blocchi di variabili, il primo:
var clickw=150; // Width
var clickh=20; // Height
var clickb=2; // Border width
var clickc="#000000"; // Border color
var clickbg="#000000"; // Background color
var clickt="Reveal!"; // Text to display
var clickFont="font-family:verdana,arial,helvetica; font-size:10pt; font-weight:bold; color:#FFFFFF"; // The font style of the text
serve per il solo pulstante di apertura ed è relativo alle dimensioni in larghezza ed altezza del pulsante con la scritta, lo spessore ed il colore del bordo, il colore dello sfondo e quello del font, il tipo di font ed alcuni attributi, la scritta stessa che potrebbe essere quella che preferite.
Il secondo invece serve per i due layer che formano l'effetto vero e proprio di apertura finestra:
new initReveal(1,'#CCCCCC','#CCCCCC',1,1,'#000000','#000000',3,10,true);
Dove da sinistra verso destra: 0 per apertura verticale e 1 per orrizzontale, colore di sfondo, spessore e colore del bordo, velocità di apertura (maggiore il numero e più rapido sarà il movimento), ritardo in millisecondi per apertura automatica, true apertura al clik false apertura automatica.