Pagina aggiornata... Lunedì, 22 gennaio 2024 * Tempo di caricamento 0.44 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 ^_^
90%
Voti totali: 4
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 1883 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...


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

ೡPenelope ♥
18/02/2025 20:27:41
Dear Pinalie thank you so much, I couldn't leave a message in your space, a big hug ♥
ೡ Scritto in... Orsetti...
 
ೡPenelope ♥
18/02/2025 20:16:52
Cara Filo d'arianna ti ringrazio tanto, fammi sapere quando avrai un tuo spazio così da poter ricambiare, una abbraccio forte ♥
ೡ Scritto in... Banner link del telaio ^_^
 
Antonella
13/02/2025 01:00:16
ciao Penelope ho prelevato uno dei tuoi almanacchi e l'ho inserito nel mio blog.Complimenti per il tuo sito sempre ricco e interessante.[Link]
ೡ Scritto in... Almanacco soft
 
Vale
02/02/2025 06:15:22
carinissimi!!♥
ೡ Scritto in... Mini cursori
 
Pinalie
19/01/2025 22:47:05
Deer Penelope i love and instal your sweet little bear Date Time on my pageThank you so much for your work
ೡ Scritto in... Orsetti...
 
filod'arianna
19/01/2025 11:51:50
Ciao:-), ho prelevato un banner 88x31 e l'ho inserito nella mia firma. Per ora non ho uno spazio adatto da inserirlo in homepage, ma non escludo che in futuro lo inserirò! Grazie di cuore per il materiale messo a disposizione
ೡ Scritto in... Banner link del telaio ^_^
 
DanyGraphic
24/12/2024 13:03:33
Tanti cari Auguri di Buone Feste e un sereno 2025 . Un abbraccio virtuale da parte mia
ೡ Scritto in... Home
 
Maria
23/12/2024 22:46:14
Sono bellissimi i tuoi datari con saluto. Grazie mille !
ೡ Scritto in... Snow...
 
Cleo
16/11/2024 07:46:27
ciao tesoro ti auguro un buon week end
ೡ Scritto in... Home
 
Angel
17/10/2024 16:24:12
Mi perdo a guardare il tuo Telaio.. è bello, con tante cosine che mi mandano in estasi.. e me le porto via.. Sei brava! Ciao, auguroni di ogni bene.
ೡ Scritto in... Settimanelli... Una gif per ogni giorno della settimana