ೡLink navigazione :.


ೡ Testo effetto ondulato e crescente

- Testato personalmente su
Internet Exsplorer Firefox Google Chrome

Due piccoli script per realizzare delle scritte curiose ecco all'opera il primo per un testo ondulato ^_^


- Ed ecco lo script da postare sotto il tag <body> nel punto in cui vogliamo visualizzarlo

<script type="text/javascript">
/*
Roller Coaster Script-
By JavaScript Kit
Over 200+ free scripts here!

Spiegato da http://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 dello script c'è il parametro che ci permette di scrivere il nostro testo,
non è possibile personalizzare la misura ma se vogliamo un font e un colore differente da quello
impostato nella pagina possiamo come al solito scrivere una classe css o un tag in linea tipo:

<span style="font-family: Palatino Linotype; color:#3399FF">[Script]</span>

# Prelevate qui lo script



⇜ ↭ ↭ ↭ ⇝

Ed ecco il secondo... effetto crescente^^


- E qui abbiamo un piccolo script da postare tra i tag <head> e </head> della pagina,
e un piccolo richiamo da postare dove vogliamo visualizzare il testo

Ecco lo script

<script type="text/javascript">
/*
Uphill Text effect
By JavaScript Kit (http://javascriptkit.com)
Over 400+ free scripts here!

Spiegato da http://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>

- Il tag di richiamo

<script type="text/javascript">uphilltext("Testo")</script>

Come per il precedente, non è possibile modificare la misura del font ma con una classe css
o un tag in linea possiamo averlo differente dal testo impostato nella pagina

<span style="font-family: Palatino Linotype; color:#3399FF">
<script type="text/javascript">uphilltext("Testo")</script></span>

# Prelevate qui le parti di script necessarie


- Script da inserire tra i tag <head> e </head>


- Tag 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 ^_^
80%
Voti totali: 2
Rating... 4


Un clik dai!
Se il telaio ti piace e pensi che sia utile votalo nelle top 100... :: Clicca qui! :: Clicca!


e... condividi questa pagina ^_^


Se hai problemi con la guida scrivimi qui...

mulberry handbags sale
20/05/2013 11:03:22
Home Page
Best wishes!Your blog is very good
ೡ Commento scritto dalla pagina '/tutorial/script_pagina/cursore_scrittina.php'
Sabry
01/05/2013 15:25:02
Home Page
Ciao Penelope, sei proprio brava ... ... provo una sana invidia ... hehehe .... Posso chiederti una cosa?Per farmi mandare un messaggio sulla mia posta elettronica come devo fare? Vorrei mettere una sorta di bannerino tipo "mail me" nel mio bloggino ...:-) grazie per la pazienza
ೡ Commento scritto dalla pagina '/tutorial/index_basi.php'
star
24/04/2013 15:07:32
***
scusa su un sito ho visto una che ha creato un certo tag dell'umore a quanto pare lo ha preso da qui, posso sapere come averlo?? ti prego è urgenteeeeeeeeeeeeeeeeeeeeeeeeeeeee*_*
ೡ Commento scritto dalla pagina '/tutorial/script_pagina/link_effetto_arcobaleno.php'
Saray
24/03/2013 18:48:16
Home Page
Ciao cara Penelope oggi sono stata qui quasi due orette a guardare la tua bellissima grafica. Ho preso un tuo vestitino per la mia Cbox. E' venuta molto bene e ti ringrazio moltissimo. Baci
ೡ Commento scritto dalla pagina '/tutorial/index.php'
Ylenia
12/03/2013 11:11:43
***
Brava, sito molto carino, utile e ben fatto. Continua così!..: Ylenia :..
ೡ Commento scritto dalla pagina '/tutorial/html/link.php'

⇜ ↭ ↭ ↭ ⇝

  Nickname
 		   Home Page
 
[ ^_^ ] [ =^_^= ] [ O_O ] [ *_* ] [ ♥ ]






- Pagina visitata da 115 utenti 		 

ೡ Menu script page



Penelope guide web

More banner





ೡ Mini anteprime articoli...





ೡ News dal telaio...



ೡ Altre sezioni utili...

- Fare un sito...
Guida completa alla realizzazione
e gestione di un sito web
- Un sito su AlterVista
Guida completa alla realizzazione
e gestione di un sito su AlterVista
- Tenplate Webset and Blog
Basi complete per siti web
e kit per i blog Blogger
- Gif... more gif!
Tutte le gif che vuoi!



38 Twitter follower
PenelopeLive




 
Torna indietro Torna su