Pagina aggiornata... Lunedì, 08 Dicembre 2025 * Tempo di caricamento 0.79 secondi
Link navigazione : Home telaioHome ~ Tutorial ~ Script_pagina » Link effetto arcobaleno

..:: Link con effetto arcobaleno ::..

Un effetto per i link molto carino e semplice da utilizzare
poggiate il mouse su questi link

Fare un sito ~ Un sito su Altervista ~ Template Webset and Blog

Lo script è molto lungo ma basterà inserirlo nella pagina tra i tag <head> e </head>
l'unico parametro che si può personalizzare è per aumentare o diminuire l'intensità dell'effetto
e lo troviamo all'inizio del codice, l'effetto si visualizzerà in automatico su tutti i link della pagina

Per non appesantire troppo questa pagina ho postato il codice in un'altra: Codice script

Il parametro personalizzabile lo trovate appena sotto i credits e le spiegazioni dell'autore,
è comunque ben evidenziato, nella pagina del codice l'ho evidenziato

////////////////////////////////////////////////////////////////////
// Setting - Personalizza
var rate = 20; // Aumenta o diminuisci intensità effetto
////////////////////////////////////////////////////////////////////

Per comodità, mia di spazio e vostra in quanto più semplice,
potete scaricate qui lo script, in due soluzioni:

- file txt -> Link effetto arcobaleno vi basterà aprire il file, copiare tutto il codice
e incollarlo tra i tag <head> e </head> della pagina;

- file.js -> Link effetto arcobaleno 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 src="https://tuosito/link_effetto_arcobaleno.js" type="text/javascript"></script>

Per scrivere i link nella pagina si procede con la classica sintassi, non occorre aggiungere nulla

<a target="_blank" href="https://tuosito/nome_pagina">Nome link</a>

Effetto arcobaleno anche su testo...

L'effetto arcobaleno sarà attivo su ogni link che verrà scritto nella pagina,
ma se vogliamo, tramite un piccolo rischiamo, potremmo attivarlo anche su del testo,
bisognerà passare sopra con il mouse per visualizzarlo, sarà un effetto sorpresa

<p onmouseover="doRainbow(this);" onmouseout="stopRainbow();">Testo</p>

Ciao ciao^^ E questo è un esempio "dal vivo" di testo arcobalenato!
Provate a passare con il mouse sopra questa scritta... bè simpatico no?
Potremmo utilizzarlo su messaggi particolari...

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 ^_^




93.33%
Voti totali: 3
Rating... 5





Commentario...

Scrivi qui per lasciare un saluto, una richiesta di aiuto,
un suggerimento o una critica ^_^

Nickname
Home page
B i U   ^_^ o_O O_O *_* Gif...

  


~ Pagina visitata da 1589 utenti


 H: 
Buon Inverno !





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 ::..



..:: html ::..





..:: Script page ::..



..:: Script gadget ::..


Accessori e gadget del telaio...

Natale menu
..Natale menu..

ೡ Istruzioni per prelevare e postare
nel proprio spazio accessori e gadget del telaio

Sito o forum
Blogger-Blogspot

Spazio web...

Realizzare e gestire un sito web
nell'hosting free più famoso...

Un sito su Altervista

Materiale grafico

Gif, mini gif, pixel, immagini, png...
Tutto il materiale grafico che ti serve,
raccolto e messo a tua disposizione!

Gif & co...




I vostri messaggi...

Frann
25/12/2025 15:09:37
Cara amica Penelope, ti auguro un Natale, con pace, amore e tanta gioia. Bacione ~ Frann
ೡ Scritto in... Home
 
filod'arianna
24/12/2025 08:50:20
Auguri di buon Natale Penelope, e a tutti i visitatori del Telaio 🎄✨😃
ೡ Scritto in... Home
 
Sari
18/12/2025 22:01:59
Ciao 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:05
Ciao 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
 
Elise
13/12/2025 18:12:05
Ciao carissima Penelope, quante meravigliose creazioni di Natale che hai realizzato, ne hopresa una, il caminetto con le calze, STUPENDO!!!!!Grazie tesoro un abbraccio grande e Buone Feste a te e tutta la tua famiglia.Elise
ೡ Scritto in... Decori pagine Natale
 
Grazia
06/12/2025 16:01:26
Ciao carissima Penelope💓 Wow bellissime le tue novità natalizie! A me tutto ok, ti ringrazio di essere passata nel Taccuino 🥰 Lascio un fortissimo abbraccio a te e ai ragazzi. A presto carissima 💖
ೡ Scritto in... Home
 
ೡPenelope ♥
04/12/2025 02:20:20
Cara filod'arianna sistemato il link un abbraccio
ೡ Scritto in... *Amici del telaio...*
 
filod'arianna
03/12/2025 11:57:26
Ti devo chiedere una gentilezza Penelope ^_^ ho modificato il dominio, potresti correggere il link del mio banner da librandosi.forumfree.it - a librandositralepagine.forumfree.it ? 🙏
ೡ Scritto in... *Amici del telaio...*
 
filod'arianna
03/12/2025 10:40:55
Ciao carissima , ho preso un decoro per l'home natalizia ♥
ೡ Scritto in... Decori pagine Natale
 
ೡPenelope ♥
29/11/2025 18:34:13
Grazie a te carissima Marilinc
ೡ Scritto in... Settimanelli natalizi