MetalRobot

Lezioni di HTML, X il Foro

« Older   Newer »
  Share  
Lilyxlove
view post Posted on 18/7/2010, 23:16




Guida all uso degli html Scritta da Lilyxlove e da ™-YØU®-NIGH†MA®E-™ per metalrobot.forumfree.it è severamente vietata la copia senza inserire i crediti, le persone che verranno sorprese a trasgredire verranno punite a norma di legge.

allora lezione numero 1
per far scorrere qualsiasi scritta o immagine

per andare:

SU:
- Direction: indica la direzione dello scorrimento.

- scrollAmount: la velocità dello scorrimento.

- height: l'altezza del campo dove scorre il testo.

- width: è la larghezza in percentuale rispetto alla larghezza totale della pagina.


CODICE
<marquee direction="up" scrollAmount=3 height="40" width="80%">testo</marquee>

metalrobot


GIU':

CODICE
<marquee direction=down>
</marquee>

metalrobot


SINISTRA:

CODICE
<marquee direction=left>
</marquee>

metalrobot


DESTRA:

CODICE
<marquee direction=right>
</marquee>

metalrobot


Lezione numero 2
TEsto che rimbalza da destra a sinistra
CODICE
<marquee behavior="alternate">TeStO cHe VuOi InSeRiRe</marquee>

Testo che rimbalza dall'alto al basso
CODICE
<marquee direction="up" behavior="alternate">TeStO cHe VuOi InSeRiRe</marquee>

Zig Zag a sparizione
CODICE
<marquee behavior="alternate" direction="up" width="80%"><marquee direction="right">TeStO cHe VuOi InSeRiRe</marquee></marquee>

>>Testo con freccette<<
CODICE
<marquee behavior="alternate" width="10%">>></marquee>TeStO cHe VuOi InSeRiRe<marquee behavior="alternate" width="10%"><<</marquee>

Testo con bordo colorato
CODICE
<marquee style="border:CoLoRe In InGlEsE 2px SOLID">TeStO cHe VuOi InSeRiRe</marquee>

Testo fantasma
CODICE
<marquee behavior="alternate"><marquee width="150">TeStO cHe VuOi InSeRiRe</marquee></marquee>

Testo che lampeggia
CODICE
<marquee direction="up" scrollAmount=35 height="40" width="80%">TeStO cHe VuOi InSeRiRe</marquee>


A rimbalzo
CODICE
<marquee behavior="alternate" direction="up" width="80%"><marquee direction="right" behavior="alternate">TeStO cHe VuOi InSeRiRe</marquee></marquee>


Testo che scorre e si blocca a sinistra
CODICE
<marquee align="middle" behavior="slide" direction="left" scrolldelay="5">TeStO cHe VuOi InSeRiRe</marquee>

Testo che scorre e si blocca a destra
CODICE
<marquee align="middle" behavior="slide" direction="right" scrolldelay="5">TeStO cHe VuOi InSeRiRe</marquee>


lezione numero 3:
Alone intorno al testo:
testo con l'alone

CODICE
<div style="width:100%;filter:glow(color=FF0000)">testo con l'alone</div>

Dovete sostituire ai numeri presenti in filter:glow(color=000000) il colore di cui volete che sia l'alone.

Inserire uno sfondo nella firma
CODICE
<div style="background-image:url(link immagine)">


Per fare una scritta sottolineata:
Testo
CODICE
<u>Scrivi Qui</u>


Testo che compare sulla destra

Testo


CODICE
<p align="right">testo che compare sulla destra</p>


ecco a voi una nuova lezione, la numero 4 se non sbaglio xD
allora, oggi vi propongo degli HTML base recuperabili anche sulla guida wiki xD

jpg
CODICE
<a href="UrL SiTo"><img src="UrL ImMaGiNe"></a>

<marquee onmouseover="this.stop()" onmouseout="this.start()">http://img198.imageshack.us/img198/4586/96977070.jpg
<marquee onmouseover="this.stop()" onmouseout="this.start()">testo che si ferma al passaggio del mouse
CODICE
<marquee onmouseover="this.stop()" onmouseout="this.start()">UrL ImMaGiNe O TeStO</marquee>

<marquee scrollamount='5' onMouseover='this.scrollAmount=1' onMouseout='this.scrollAmount=5'>http://img198.imageshack.us/img198/4586/96977070.jpg
<marquee scrollamount='5' onMouseover='this.scrollAmount=1' onMouseout='this.scrollAmount=5'>testo che rallenta al passaggio del mouse
CODICE
<marquee scrollamount='5' onMouseover='this.scrollAmount=1' onMouseout='this.scrollAmount=5'>UrL ImMaGiNe O TeStO</marquee>


CODICE
<textarea>TeStO Da InSeRiRe</textarea>


CODICE
<select>
<option value="1">PrImO TeStO O NuMeRo</option>
<option value="2">SeCoNdO TeStO O NuMeRo</option>
<option value="3">TeRzO TeStO O NuMeRo</option>
</select>

NB: per allungare il menù a tendina basta aggiungere il seguente codice (quantità a piacere)
CODICE
<option value="1">TeStO AgGiUnTiVo</option>


CODICE
<button>TeStO BoTtOnE</button>


CODICE
<a href="UrL CoLlEgAmEnTo"><button>TeStO BoTtOnE</button></a>

spero di essere stato utile
Messaggio in costante aggiornamento, quindi, nel caso siate interessati, vi consigliamo vivamente di controllarlo periodicamente, grazie, Lily e Night

Edited by Lilyxlove - 16/3/2012, 22:10
 
Top
™-YØU®-NIGH†MA®E-™
view post Posted on 19/7/2010, 00:32




Lezione numero 2
TEsto che rimbalza da destra a sinistra
CODICE
<marquee behavior="alternate">TeStO cHe VuOi InSeRiRe</marquee>

Testo che rimbalza dall'alto al basso
CODICE
<marquee direction="up" behavior="alternate">TeStO cHe VuOi InSeRiRe</marquee>

Zig Zag a sparizione
CODICE
<marquee behavior="alternate" direction="up" width="80%"><marquee direction="right">TeStO cHe VuOi InSeRiRe</marquee></marquee>

>>Testo con freccette<<
CODICE
<marquee behavior="alternate" width="10%">>></marquee>TeStO cHe VuOi InSeRiRe<marquee behavior="alternate" width="10%"><<</marquee>

Testo con bordo colorato
CODICE
<marquee style="border:CoLoRe In InGlEsE 2px SOLID">TeStO cHe VuOi InSeRiRe</marquee>

Testo fantasma
CODICE
<marquee behavior="alternate"><marquee width="150">TeStO cHe VuOi InSeRiRe</marquee></marquee>

Testo che lampeggia
CODICE
<marquee direction="up" scrollAmount=35 height="40" width="80%">TeStO cHe VuOi InSeRiRe</marquee>


A rimbalzo
CODICE
<marquee behavior="alternate" direction="up" width="80%"><marquee direction="right" behavior="alternate">TeStO cHe VuOi InSeRiRe</marquee></marquee>


Testo che scorre e si blocca a sinistra
CODICE
<marquee align="middle" behavior="slide" direction="left" scrolldelay="5">TeStO cHe VuOi InSeRiRe</marquee>

Testo che scorre e si blocca a destra
CODICE
<marquee align="middle" behavior="slide" direction="right" scrolldelay="5">TeStO cHe VuOi InSeRiRe</marquee>

 
Top
RichterBelmont
view post Posted on 19/7/2010, 12:15




Bel topic, bravi ragazzi :bravo:
Spostato nella sezione Metal ed è evidenziato importante.
Così il topic non va perso.
Se avete altri codici o qualcun'altro li sa, postate pure :huhu:
 
Top
view post Posted on 19/7/2010, 12:19
Avatar

Ammiraglio di flotta

Group:
Member
Posts:
27,506
Location:
Brindisi

Status:


utilissimo questo topic!
 
Top
™-YØU®-NIGH†MA®E-™
view post Posted on 19/7/2010, 12:26




grazie a tutti e due :)
 
Top
Lilyxlove
view post Posted on 19/7/2010, 13:02




grazie mille io e ™-YØU®-NIGH†MA®E-™ siamo una bella squadra..stasera metto un altra lezione
 
Top
™-YØU®-NIGH†MA®E-™
view post Posted on 19/7/2010, 13:33




CITAZIONE (Lilyxlove @ 19/7/2010, 14:02)
grazie mille io e ™-YØU®-NIGH†MA®E-™ siamo una bella squadra..stasera metto un altra lezione

dimmi per mp su cosa così ti dico se ti posso aiutare :)
 
Top
view post Posted on 19/7/2010, 13:48

Tenente

Group:
Member
Posts:
2,730
Location:
da qua

Status:


bravi.. mi piace questo topic
 
Top
™-YØU®-NIGH†MA®E-™
view post Posted on 19/7/2010, 13:50




grazie mille :)
 
Top
kengiu
view post Posted on 19/7/2010, 18:51




bravissimi entrambi!
 
Top
™-YØU®-NIGH†MA®E-™
view post Posted on 19/7/2010, 19:05




grazie :)
 
Top
Lilyxlove
view post Posted on 19/7/2010, 19:24




lezione numero 3:
Alone intorno al testo:
testo con l'alone

CODICE
<div style="width:100%;filter:glow(color=FF0000)">testo con l'alone</div>

Dovete sostituire ai numeri presenti in filter:glow(color=000000) il colore di cui volete che sia l'alone.

Inserire uno sfondo nella firma
CODICE
<div style="background-image:url(link immagine)">


Per fare una scritta sottolineata:
Testo
CODICE
<u>Scrivi Qui</u>


Testo che compare sulla destra

Testo


CODICE
<p align="right">testo che compare sulla destra</p>
 
Top
™-YØU®-NIGH†MA®E-™
view post Posted on 19/7/2010, 19:46




mmm adesso devo uscire, poi lo integro con dei codici che so io ok? (ps: dai un'occhio anche alla guida di ff nella voce HTML, ti dice che il testo con l'alone funziona solo con explore)
 
Top
Lilyxlove
view post Posted on 19/7/2010, 19:56




CITAZIONE (™-YØU®-NIGH†MA®E-™ @ 19/7/2010, 20:46)
mmm adesso devo uscire, poi lo integro con dei codici che so io ok? (ps: dai un'occhio anche alla guida di ff nella voce HTML, ti dice che il testo con l'alone funziona solo con explore)

tu sei più bravo di me...senti metti l html per affiancare le immagini e i testi lo sai?
 
Top
™-YØU®-NIGH†MA®E-™
view post Posted on 19/7/2010, 19:59




vabbè inizio adesso xD
CLICK
CODICE
[URL=UrL CoMpLeTo]ScRiTtA ViSiBiLe[/URL]

image
CODICE
[IMG]UrL ComPlEtO DeLl'ImMaGiNe[/IMG]

SPOILER (click to view)
spoiler

CODICE
[SPOILER]TeStO ChE VuOi iNsErIrE[/SPOILER]

centra testo


CODICE
<p align="center">TeStO Da cEnTrArE</p>

Testo a sinistra


CODICE
<p align="left">TeStO dA iNsErIrE a SiNiStRa</p>





SPOILER (click to view)
ricordo che se vogliamo inserire manualmente alcuni codici semplici tipo:
CODICE
<b>
dovete ricordare sempre di chiudere con la barra: / esempio chiusura:
CODICE
</b>

codice completo:
CODICE
<b>TeStO</b>


CITAZIONE (Lilyxlove @ 19/7/2010, 20:56)
CITAZIONE (™-YØU®-NIGH†MA®E-™ @ 19/7/2010, 20:46)
mmm adesso devo uscire, poi lo integro con dei codici che so io ok? (ps: dai un'occhio anche alla guida di ff nella voce HTML, ti dice che il testo con l'alone funziona solo con explore)

tu sei più bravo di me...senti metti l html per affiancare le immagini e i testi lo sai?

nn sono più bravo, ho solo più esperienza xD per questo ti sto dando una mano, cmq adesso esco, stasera li posto :)
 
Top
29 replies since 18/7/2010, 23:16   557 views
  Share