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


 H: 
Buon Autunno !





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



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

ೡPenelope ♥
13/11/2025 20:28:01
Grazie infinite cara Dany
ೡ Scritto in... Romantici vintage
 
DanyGraphic
12/11/2025 22:56:52
Ciao Penelope i template sono carinissimi come tutti i tuoi lavori d'altra parte. Ti faccio tanti complimenti. Un abbraccio grande, dolce ♥♥
ೡ Scritto in... Romantici vintage
 
ೡPenelope ♥
12/11/2025 22:27:17
Ciao Elżbieta ti ringrazio per il complimento, per la traduzione puoi usare Google Un abbraccio
ೡ Scritto in... Home
 
Elżbieta
05/11/2025 14:28:32
Wizualnie podoba mi się Twój blog, ale nie wiem jak włączyć tłumaczenie. Pozdrawiam
ೡ Scritto in... Home
 
Veronica
01/11/2025 16:58:42
Preso un tuo adottino x il mio blog
ೡ Scritto in... Home
 
Karla "SEyez"
28/10/2025 14:50:44
Bellísima!
ೡ Scritto in... Banner link del telaio ^_^
 
Elise
26/10/2025 19:43:22
Ciaoooo carissima Penelope,ho preso una fatina per il mio blog.Sei bravissima come sempre e ti ringrazio tanto.Un abbraccioneElise
ೡ Scritto in... Romantiche fate...
 
JamieSilverJsC
26/10/2025 19:08:12
Buon sera Amica!! Bellissima tuo sito!! Buon domenica
ೡ Scritto in... Home
 
filod'arianna
25/10/2025 07:27:02
Buongiorno! Ho adottato un pixel ❣😘
ೡ Scritto in... I love Winter...
 
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