 |
|
|||
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 questo tutorial... Grazie ^_^
🌸 Nuovo
|
.gif){kind=small}
Commentario...
un suggerimento o una critica ^_^
~ Pagina visitata da 2069 utenti
Segui il telaio su Facebook
* Info sezione...
Mi farebbe molto piacere la condivisione
dei 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 e utilità pagine web
html tag scrittura pagine web
Script per pagina
Script per gadget
Preleva anche tu una tag Help donna
Aiutami a diffondere il più possibile informazioni
utili alle donne vittime di abusi... Grazie!
Link del telaio...
| ೡ Il telaio di Penelope ☆ Template webset e blog ☆ Un sito su AlterVista ☆ Gif & co... |
I vostri messaggi...  Gabriella ~ 09/03/2026 18:37:40Ciao Penny, come sempre i tuoi lavori sono molto eleganti ,ne ho prelevato due per adesso ;) grazie ૡScritto in Decori pagine Primavera  soleyada ~ 07/03/2026 22:02:27Mi hai fatto tornare indietro nel tempo cara Penny, non smettere mai di splendere, è tutto stupendo qui, ti auguro il meglio, bacioni :-* ૡScritto in Countdown Primavera  Cris ~ 24/02/2026 08:17:18Ciao, e bentornata. Mi è sempre piaciuto il tuo bel sito. Ho creato da poco un blog, il tuo sito è il primo tra i miei preferiti. ૡScritto in Home  MOra Ribelle ~ 16/02/2026 12:05:35Buongiorno, contenta del tuo ritorno. Mi domando come metto anche io questo box saluti? grazie ૡScritto in Gif & co...  Sari ~ 14/01/2026 17:31:32Buon Anno Penelope. Ho prelevato un top pagina sostituendo quello natalizio. Tutto bello e utile qui, grazie. ૡScritto in Marquee con Javascript Frann ~ 25/12/2025 15:09:37Cara amica Penelope, ti auguro un  Natale, con pace, amore e tanta gioia.  Bacione ~ FrannૡScritto in Home  filod'arianna ~ 24/12/2025 08:50:20Auguri di buon Natale Penelope, e a tutti i visitatori del Telaio 🎄✨😃 ૡScritto in Home  Sari ~ 18/12/2025 22:01:59Ciao Penelope, ti seguo da anni e tanto ho imparato dalle tue lezioni: grazie. Ti auguro un Natale sereno e, nonostante i tempi che stiamo vivendo, in allegria. Buon Natale ૡScritto in Home  filod'arianna ~ 14/12/2025 09:32:05Ciao Penelope, ho preso un countdown  Grazie mille per averli messi a disposizione, sono deliziosi! Ne userò più d'uno sicuramente:-)ૡScritto in Countdown stagioni e feste |
|
|
html & script Tutorial è online dal 2011 e dopo una lunga pausa ripartiamo da... 2 anno, 5 mesi, 28 giorni ೡ Copyright © Penelope 2008 - 2026 Tutti i diritti riservati www.iltelaiodipenelope.it |
|
|
 |
Io ti adoro ... vorrei tanto essere brava come te, ti seguo da anni e rimango sempre affascinata dalla tua astuzia e bravura e creativitá ♥ Prendo spunti ♥ Grazie di ♥