Pagina aggiornata... Lunedì, 22 gennaio 2024 * Tempo di caricamento 0.62 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 2182 utenti


 H: 
Buon Autunno e ...buon sabato!





Segui il telaio su Facebook

Privacy Policy Cookie Policy

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

Frann
24/10/2025 21:22:26
Ciao cara Penelope...come stai?Sono passata solo per farti sapere che ho aggiunto una casella messaggi al mio blog. Sentiti libera di lasciare un messaggio lì se vuoi :) Un abbraccio, cara.
ೡ Scritto in... Home
 
ೡPenelope ♥
24/10/2025 15:43:49
Grazie cara Veronica, perdonami se ti rispondo qui ma non sono registrata nel forum e non posso lasciare commenti ^_^ mi fa molto piacere ti piacciano le cosine che realizzo, un abbraccio forte
ೡ Scritto in... Home
 
Veronica
23/10/2025 14:37:12
Ciao ti o preso un datario con saluto
ೡ Scritto in... Pucciosi!
 
Veronica
23/10/2025 08:18:29
Ciao preso un tu adottino x il forum
ೡ Scritto in... Home
 
Cleo
22/10/2025 07:58:14
sempre ricco il tuo sito buona giornata tesoro un abbraccio
ೡ Scritto in... Home
 
Veronica
21/10/2025 17:37:12
Ciao preso uno x il mio Blog troppo bellini
ೡ Scritto in... I love Winter...
 
Grazia
20/10/2025 17:09:30
Dimenticavo il link ♥
ೡ Scritto in... Home
 
Grazia
20/10/2025 17:09:03
Ciao cara Penelope, complimenti come sempre per tutto :) Ti inserisco tra i links del mio nuovo piccolo blog su Blogger con piacere. Un abbraccio e buon proseguimento
ೡ Scritto in... Home
 
filod'arianna
18/10/2025 12:30:08
Ma ciao carissima! E' un piacere rileggerti, ho subito approfittato per prendermi un decoro di Halloween, l'ho inserito in homepage nel mio forumino.. grazie di cuore
ೡ Scritto in... Decori pagine Halloween
 
Gabriella
17/10/2025 11:24:10
Penny mi metti in difficoltà sono così belli che scegliere è difficile !
ೡ Scritto in... Decori pagine Halloween