Pagina aggiornata... Domenica, 10 settembre 2023 *
Tempo di caricamento
0.14
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
*/
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 ^_^
|
Voti totali: |
3 |
Rating... |
4.33 |
|
Commentario...
Scrivi qui per lasciare un saluto, una richiesta di aiuto, un suggerimento o una critica ^_^
|
- Pagina visitata da 1449 utenti
|