 |
|
|||
Sezione del telaio dedicata alla realizzazione e |
||||
|
|
|||
..:: Link effetto cascata ::.. Un effetto per i link davvero grazioso, al passaggio del mouse su un linkuna bella cascata di stelle, fiori, cuoricini, note e altri vari simboli scritti in html Provate a passare sui link di questo box... 
Mi divertono troppo che vi devo dire, ho preparato un'altra pagina...
Cuoricini!E' uno script scritto molti anni fa e il sito dell'autore non è più raggiungibile purtroppo, il codice andrebbe sistemato per bene, probabilmente è stato anche riadattato a questo uso, infatti se nella pagina si inserisce il tag doctype (Versione di html della pagina) non funziona,per quanto abbia provato non sono riuscita a sistemarlo se qualcuno ci riesce me lo faccia sapere 
Lo script ha un codice molto lungo ma i parametri che si possono personalizzaresi trovano all'inizio, lo potete leggere completo in questa pagina: Codice link effetto cascata - Ecco la parte di codice con i parametri che si possono personalizzare, oltre al simbolo e i colori da visualizzare per l'effetto è possibile settare altri valori, io ho lasciato tutto invariato ma potete fare delle prove se vi piace trafficare un po' Ho tradotto i vari campi affinché sia più semplice fare delle variazioni *Attenzione a non cancellare simboli essenziali
Ho evidenziato il parametro che permette di personalizzare il colore del simbolo, occorrescegliere tre colori e inserirli in versione esadecimale, oltre ai colori che avete già impostato nella pagina vi basterà fare una ricerca in rete o nel telaio, ho preparato una pagina con il colore in anteprima e il codice esadecimale corrispondente da utilizzare Colori esadecimali
Ecco qui un po' di caratteri in html da utilizzare ma potete fare |
| ♥ Cuoricini // Simbolo fiocco (*) var snowletter="♥" |
❀ Fiori // Simbolo fiocco (*) var snowletter="❀" |
| ♫ Note // Simbolo fiocco (*) var snowletter="♫" |
☆ Stelle // Simbolo fiocco (*) var snowletter="☆" |
| ☽ Luna // Simbolo fiocco (*) var snowletter="☽" |
∗ fiocco neve // Simbolo fiocco (*) var snowletter="∗" |
Il codice script si deve postare tra i tag <head> e </head> della pagina,e i link in cui si vuole applicare l'effetto si scrivono così:
| <a href="https://tuosito/nome_pagina" onMouseOver="startsnow()" onMouseOut="stopsnow()">Link</a> |
# Prelevate qui il tag
Per comodità, mia di spazio e vostra in quanto più semplice,
scaricate qui lo script, in due soluzioni:
- file txt -> Link effetto cascata vi basterà aprire il file, copiare tutto il codice
e incollarlo tra i tag <head> e </head> della pagina;
- file.js -> Link effetto cascata pronto da poter richiamare nelle pagine, affinché siano
più leggere e più facili da gestire, opzione che ovviamente vi consiglio.
Caricate il file nel sito e richiamate nella pagina prima del tag </head> in questo modo:
| <script type="text/javascript" src="https://tuosito/link_effetto_cascata.js"></script> |
Spero di essere stata chiara in tutti i passaggi ^_^
Vi auguro buon lavoro ma sopratutto buon divertimento!
Ciao alla prossima^^ Penelope ♥
ೡ Dai un giudizio a questa guida... Grazie ^_^
|
.gif){kind=small}
Commentario...
|
Scrivi qui per lasciare un saluto, una richiesta di aiuto, un suggerimento o una critica ^_^ |
- Pagina visitata da 1847 utenti
H:
Buon Autunno
e ...buon weekend!
* Info sezione...
Mi farebbe molto piacere la condivisionedei miei tutorial ma vi sarei anche molto grata
se evitaste di fare copia e incolla su altri spazi
del mio lavoro, linkate le pagine, avvisatemi
ricambierò senza problemi. Grazie ♥
..:: Basi ::..
..:: html ::..
..:: Script page ::..
..:: Script gadget ::..
Accessori e gadget del telaio...
..: Spazio web...
Realizzare e gestire un sito web
con l'hosting free più famoso...
|
I vostri messaggi...
|
Referer... 
|
Penelope
|
html & script Tutorial è online dal 2011... e dopo una lunga pausa ripartiamo da... 14 giorni ೡ Copyright © Penelope 2008 - 2023 Tutti i diritti riservati www.iltelaiodipenelope.it |
|
|
 |