Pagina aggiornata... Domenica, 10 settembre 2023 * Tempo di caricamento 0.14 secondi
Link navigazione : Home telaioHome ~ 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
*/
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
*/
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 questa guida... Grazie ^_^



87%
Voti totali: 3
Rating... 4.33




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 1449 utenti


 H: 
Buon Autunno !





* 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
con l'hosting free più famoso...



Gif  & co... Penelope ♥


Pagina Facebook
del telaio...




 

I vostri messaggi...

Lula
24/11/2023 13:17:57
Ciao Penelope sono lula ^_^ passami a trovare se vuoi! Un abbraccio ♥
ೡ Scritto in... Il telaio di Penelope...
 
milo ljussyster
23/11/2023 13:10:38
HelloI am from Sweden and I was happy when I see your side still works, so many left their homepage I borrow your beautiful bottom Thank You, Have a Happy Holidays to come Hugs from me
ೡ Scritto in... Bottoni top pagina
 
Cleo
23/11/2023 08:07:08
Buon giorno tesoro spero passi presto l influenza ti abbraccio forte forte
ೡ Scritto in... Il telaio di Penelope...
 
Penelope
22/11/2023 23:22:05
Care Angel e Samantha mi scuso per il ritardo ma sono stata malata, ho beccato una bella influenza con il primo colpo di freddo cmq grazieeeee anche io sono felicissima di essere tornata! Sono passata nei vostri spazi ma non sono riuscita a lasciare un saluto o_O scusate ancora... un abbraccione forte forte ♥
ೡ Scritto in... Il telaio di Penelope...
 
Samantha
20/11/2023 18:02:32
Che bello sei tornataaaaaaaaaaaaaaaa ♥
ೡ Scritto in... Il telaio di Penelope...
 
Angel
18/11/2023 16:28:20
Ben tornata! Che bello che ci sei. Io non sono una esperta di siti, ne ho imbastito diversi anche se non ne sono capace. Ora guarderò bene il tuo e tutte le belle cose che possono servirmi. GRAZIE e CIAO!
ೡ Scritto in... Il telaio di Penelope...
 
onda
31/10/2023 15:37:14
finalmenteeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeee
ೡ Scritto in... Time e news
 
Cleo
30/10/2023 07:37:28
tesoro passa a ritirare il Premio Contest Sito un abbraccio
ೡ Scritto in... Il telaio di Penelope...
 
Gabri
24/10/2023 11:13:28
Grazie lo stesso Penny ♥
ೡ Scritto in... Il telaio di Penelope...
 
Penelope
24/10/2023 09:06:40
Cara Gabri mi dispiace ma la sezione di Halloween è ancora da rifare un abbraccio forte
ೡ Scritto in... Il telaio di Penelope...
 

Referer...