Pagina aggiornata... Venerdì, 06 Marzo 2026 * Tempo di caricamento 0.003 secondi
Link navigazione : Home telaio ೡ Home ~ Tutorial ~ Script_pagina » Testo effetto ondulato e crescente^^

..:: Testo ondulato e crescente... ::..


Due piccoli script per realizzare dei titoli e/o brevi messaggi particolari
un piccolo esempio del primo, un testo ondulato ^_^


Ecco il codice dello script da postare sotto il tag <body>
nel punto in cui vogliamo visualizzare il titolo o un messaggio

<script type="text/javascript">
/*
Roller Coaster Script-
By JavaScript Kit
Over 200+ free scripts here!
Spiegato da https://www.iltelaiodipenelope.it/tutorial/index.php
*/
var fs=1
var direction="right"
function rollertext(whichone){
var thetext=whichone
for (i=0;i<thetext.length;i++){
document.write(thetext.charAt(i).fontsize(fs))
if (fs<7&&direction=="right")
fs++
else if (fs==7){
direction="left"
fs--
}
else if (fs==1){
direction="right"
fs++
}
else if (fs>1&&direction=="left")
fs--
}
}
//Change below text to your won
rollertext("Il tuo testo qui")
</script>

Alla fine del codice troviamo il parametro in cui scrivere il testo,
il titolo o messaggio si visualizzeranno con lo style della pagina se si vuole
differente si può scrivere una classe css o lo style in linea

* Esempio classe css

<style type="text/css">
.testo {
text-align: center;
font-family: "Georgia";
color : #b55a2a;
font-size : 14px;
}
</style>
<p class="testo" >[Script]</p>

* Esempio style in linea (Sconsigliato, si pasticciano le pagine)

<p style="text-align: center; font-family: Georgia; color:#b55a2a; font-size: 14px;">[Script]</p>

# Prelevate qui il codice script




Ed ecco il secondo, effetto crescente...



Per questo effetto testo abbiamo uno script da postare prima del tag </head>
della pagina ed un altro piccolo script di richiamo, in cui si potrà scrivere il testo
per il titolo/messaggio, da postare dove si vuole visualizzare

* Codice dello script da postare prima del tag </head>

<script type="text/javascript">
/*
Uphill Text effect
By JavaScript Kit (http://javascriptkit.com)
Over 400+ free scripts here!
Spiegato da https://www.iltelaiodipenelope.it/tutorial/index.php
*/
function uphilltext(text){
var temptext=text.toUpperCase()
var size=1
//go through the text, letter by letter
for (i=0;i<temptext.length;i++){
document.write(temptext.charAt(i).fontsize(size).bold())
if (size<7)
size++
else
size=1
}
}
</script>

* Codice dello script di richiamo da postare dove si vuole visualizzare

<script type="text/javascript">uphilltext("Titolo/maessaggio")</script>

Anche con questo script il titolo/massaggio si visualizzerà con lo style impostato nella pagina
se occorre differente procedete come mostrato sopra, con una classe css o lo style in linea,
inserite il codice dello script tra i tag della classe o nello style in linea

# Prelevate qui le parti di script necessarie

Codice script da inserire prima del tag </head>




Codice script di richiamo per scrivere e visualizzare il testo




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

📄 ✨ Apprezzato
86.67%
Voti totali: 3
Rating... 4




Commentario...

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









~ Pagina visitata da 1724 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...

ૡPenelope ♥ ~ 22/09/2026 20:36:49
Grazie a te carissima Marina
marina ~ 20/09/2026 20:04:19
Grazie infinite per il bellissimo calendario.
ૡPenelope ♥ ~ 14/09/2026 22:32:30
Cara Filo d'arianna un po' di anni fa ho realizzato qualche grafica per ForumFree ed era un delirio non so se è ancora così ma la grafica si componeva con decine di piccole immagini, davvero tanto lavoro nemmeno gratificante purtroppo, per quanto riguarda i tutorial, sono una maniaca di html, php e js ma sulla gestione di un forum non saprei da dove partire Un abbraccio forte
ૡScritto in Blogger Kit Autunno
ૡPenelope ♥ ~ 14/09/2026 18:34:20
Carissima Filo d'arianna grazie alla tua segnalazione ho risolto un problema nel commentario purtroppo per evitare spam e messaggi sgradevoli avevo impostato un eccesso nei controlli, ripristinato, ora si può commentare e mettere url del proprio spazio senza problemi grazie infinite cara un abbraccio forte forte
ૡScritto in Home
filod'arianna ~ 14/09/2026 07:41:37
Ciao Penelope! Ho preso il Settimanello micioso:-DL'ho inserito all'interno della sezione "Appunti" sul mio forum, però ho visto che non si può più linkare qui nei messaggi, non riesco a farti vedere dove l'ho inserito. Ad ogni modo il forum è Librandosi tra le pagine, su forumfree. Un abbraccio a presto!
ૡScritto in Home
filod'arianna ~ 12/09/2026 06:52:57
Hai mai pensato di buttarti nel creare grafica e tutorial per ForumFree? 😂 Sto scherzando, ma solo a metà! Sarebbe fantastico. Ne approfitterei immediatamente
ૡScritto in Blogger Kit Autunno
ૡPenelope ♥ ~ 11/09/2026 16:56:26
Carissima Filod'arianna ti ringrazio tantissimo è il più bel complimento che si possa riceve! Un abbraccio forte e viva l'autunno!!!
ૡScritto in Blogger Kit Autunno
filod'arianna ~ 10/09/2026 07:03:48
Adoro il colore di Ortensie vorrei un blog su Blogger solo per i tuoi kit e i tuoi accessori:-D Grazie mille per tutto ciò che metti a disposizione carissima 😘N.B. Anch'io non vedevo l'ora che arrivasse un po' di fresco -.-'
ૡScritto in Blogger Kit Autunno
Cris ~ 02/07/2026 19:45:24
Ciao, sono passata per un salutino e per rivedere il tuo sito. Buona serata e buon fine settimana.
ૡScritto in *Amici del telaio...*
DanyGraphic ~ 30/05/2026 15:30:54
Ciao Penny , sempre belle e interessanti le tue pagine .Un abbraccio e buon fine settimana
ૡScritto in Home