 |
|
|||
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 2174 utenti
H:
Felice Estate
e ...buon sabato!
Segui il telaio su Facebook
* 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...
|
|
|
|
html & script Tutorial è online dal 2011 e dopo una lunga pausa ripartiamo da... 10 mesi e 12 giorni ೡ Copyright © Penelope 2008 - 2024 Tutti i diritti riservati www.iltelaiodipenelope.it |
|
|
 |