 |
|
|||
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 ^_^
|
.gif){kind=small}
Commentario...
|
Scrivi qui per lasciare un saluto, una richiesta di aiuto, un suggerimento o una critica ^_^ |
~ Pagina visitata da 2531 utenti
H:
Felice Estate
e ...buona domenica!
Segui il telaio su Facebook
Privacy Policy Cookie Policy
* 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 ::..
- Box effetto rilievo
- Basi CSS pagina web
- CSS elemento div
- CSS div struttura sito
- CSS sito responsive Flexbox
- CSS table
- CSS table struttura sito
- CSS file esterno
- Cbox - Chat per brevi messaggi
- Cbox - Theme editor
- Cursore
- Font personalizzato nel sito...
- Iframe per accessori e gadget
- Iframe per sito web
- Immagini
- Ipertesto - Link
- Link style
- Link ancora o interno
- Marquee
- Marquee speciali
- Marquee javascript
- Sfondo pagina
- Table basi e style
- Table sfondo
- Table scroll
- Table lavori
- Testo, font e personalizzazioni
- Textarea
..:: Script page ::..
..:: Script gadget ::..
Accessori e gadget del telaio...
Spazio web...
Realizzare e gestire un sito web
nell'hosting free più famoso...
Materiale grafico
Gif, mini gif, pixel, immagini, png...
Tutto il materiale grafico che ti serve,
raccolto e messo a tua disposizione!
I vostri messaggi...
|
|
Luca 
! Torno qui per prelevare un banner 88x31, lo inserisco nel mio forum, si troverà nello spazio "Amici non affiliati" dopo le sezioni, in fondo al forum. Ho inserito anche l'iniziativa "Help Donna" 
che si troverà sempre dopo le sezioni, nello spazio a lei dedicatole.Un abbraccio, a presto:-)Il mio forum
|
html & script Tutorial è online dal 2011 e dopo una lunga pausa ripartiamo da... 1 anno, 9 mesi, 28 giorni ೡ Copyright © Penelope 2008 - 2025 Tutti i diritti riservati www.iltelaiodipenelope.it |
|
|
 |