tutti i codici html per voi :)

DARKKEIN

Posted on 23/8/2012, 20:50

+21

.

User deleted

Per fare una scritta in grassetto:
Testo
CODICE

HTML

Scrivi Qui

Scrivi Qui

Per fare una scritta in corsivo:
Testo
CODICE

HTML

Scrivi Qui

Scrivi Qui

Per fare una scritta sottolineata:
Testo
CODICE

HTML

Scrivi Qui

Scrivi Qui

Per fare una scritta barrata:
Testo
CODICE

HTML

<s>Scrivi Qui</s>

~~Scrivi Qui~~

Per fare una scritta più in basso rispetto alle altre:
LalalalalaTesto lalalalalala
CODICE

HTML

<sub>Scrivi Qui</sub>

_{Scrivi Qui}

Per fare una scritta più in alto rispetto alle altre:
lalalalalaTesto lalalalala
CODICE

HTML

<sup>Scrivi Qui</sup>

^{Scrivi Qui}

Per fare una linea:

CODICE

HTML

<hr>

Per un collegamento a una pagina web:
Testo
CODICE

HTML

<a href="http://indirizzo_sito">TESTO</a>

TESTO

Per collegamento a pagina web tramite immagine si può usare questo
CODICE

HTML

Ma suggerisco di usare il primo, inserendo al posto del testo il codice dell'immagine, poichè ha meno caratteri e di conseguenza non occupa ''spazio in più'' nella firma. Cosicchè ci si possono inserire più cose.
Ricordo infatti che nella firma, superato un certo limite di caratteri, non ci si può inserire più niente.

Immagine o testo centrato
Testo

CODICE

HTML

<center>TESTO</center>

TESTO

Si può usare anche questo
CODICE

HTML

TESTO

TESTO

Ma consiglio di usare il primo sempre per il motivo che ha meno caratteri.

Immagine o testo in movimento
Testo
CODICE

HTML

<marquee direction="up" scrollAmount=1 height="30" width="70%">immagine/testo</marquee>

immagine/testo

direction indica la direzione
scrollAmount indica la velocità
heigth indica l'altezza del campo di scorrimento
width invece indica la larghezza del campo di scorrimento rispetto alla larghezza della pagina(la larghezza massima della pagina è 100% ovvero tutta la pagina. Da li in poi si diminuisce)

Testo che compare sulla destra
Testo

CODICE

HTML

testo che compare sulla destra

testo che compare sulla destra

Bottone
Testo
CODICE

HTML

<button>TESTO</button>

I SUCESSIVI CODICI FUNZIONANO SOLO CON INTERNET EXPLORER. I LORO COLORI SONO TUTTI A SCELTA VOSTRA, RICORDATE PERO' DI METTERE IL CODICE PER IL COLORE CHE AVETE SCELTO SUBITO PRIMA DELLA PAROLA E NON FUORI DAL CODICE PER LA SFUMATURA O ALTRO.
ESEMPIO:
Testo

CODICE

HTML

<div style="width:100%;filter:blur">[color=red]Testo[/color]</div>

Testo

ALTRIMENTI VERRA' COSì
Testo

CODICE

HTML

[color=red]<div style="width:100%;filter:blur">Testo</div>[/color]

Testo

ANCHE SE, COME VEDETE, IL CODICE L'HO MESSO. MA NON VICINO LA PAROLA.

Testo sfumato
Testo

CODICE

HTML

<div style="width:100%;filter:blur">testo</div>

testo

Testo con alone (il colore è a scelta)
Testo

CODICE

HTML

<div style="width:100%;filter:glow(color=colore)">testo</div>

testo

Testo al contrario in orizzontale (attenzione all'allineamento)
Testo

CODICE

HTML

<div style="width:100%; filter:fliph">testo al contrario</div>

testo al contrario

Testo al contrario in verticale (attenzione all'allineamento)
Testo

CODICE

HTML

<div style="width:100%; filter:flipv">testo al contrario</div>

testo al contrario

Testo con ombra
Testo

CODICE

HTML

<div style="width:100%; filter:blur">testo con ombra</div>

testo con ombra

Testo con ombra proiettata
Testo

CODICE

HTML

<div style="width:100%; filter:shadow(color=FF0000)">testo con ombra</div>

testo con ombra

Testo con ombra per ogni lettera
Testo

CODICE

HTML

<div style="width:100%; filter:dropshadow(color=FF0000)">testo con ombra</div>

testo con ombra

Per scrivere testi di fianco a immagini
CODICE

HTML

<div style="float: left; margin-right: 4px">[size=7][IMG]QUA IN MEZZO SI METTE IL LINK DELL'IMMAGINE[/IMG][/size]</div>

[IMG]QUA IN MEZZO SI METTE IL LINK DELL'IMMAGINE[/IMG]

Per scrivere un testo con affianco una barretta che va su e giù altresì detta scroolbar:

Testo
Testo
Testo
Testo
Testo
Testo

CODICE

HTML

<div style="width:200px;height:100px; overflow-y: scroll;">
Testo
Testo
Testo
Testo
Testo
</div>

Testo
Testo
Testo
Testo
Testo

width invece indica la larghezza del campo di scorrimento rispetto alla larghezza della pagina.
heigth indica l'altezza del campo di scorrimento

Per sovrapporre due scritte:

jak
daxter

CODICE

HTML

<font style="text-decoration:none; font-family: Maiandra GD; font-size: 50px; color: black; eight: 35px;">
BLABLABLA</font>
<font style="text-decoration:none; font-family: Century Gothic; color: red; font-size: 30px;">perchè te mi hai BLABLABLA</font>
</div>

BLABLABLA
perchè te mi hai BLABLABLA

Per fare il codice a ''Tendina'':

CODICE

HTML

<select>
<option value="1">testo</option>
<option value="2">_testo</option>
<option value="3">testo</option>
<option value="4">testo</option>
</select>

Per fare una scritta lampeggiante:

Testo

CODICE

HTML

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

testo

Scritta scorrevole diciamo, ''pazza'':
Testo

CODICE

HTML

<marquee direction="up" behavior="alternate" height="200"><marquee behavior="alternate" width="30%">Testo</marquee></marquee>

Testo

Scritta che rimbalza da una parte all'altra della firma:

Testo

CODICE

HTML

<marquee behavior="alternate" width="30%">Testo</marquee>

Testo

Quadratino in cui inserire un testo altresì chiamata area di testo:

CODICE

HTML

<textarea>jak & daxter</textarea>

Testo con descrizione:

Ferma la freccina qui e vedrai la sua descrizione.

CODICE

HTML

<acronym title="Esempio per testo con descrizione">Ferma la freccina qui e vedrai la sua descrizione</acronym>

Ferma la freccina qui e vedrai la sua descrizione

Mettere uno sfondo nella firma:

CODICE

HTML

<div style="background-image:url(link immagine)"> FIRMA </div>

FIRMA

Per inserire una lista:

Prima voce di menu
Seconda voce di menu
Terza voce di menu

CODICE

HTML

<UL TYPE=square>
Prima voce di menu
Seconda voce di menu
Terza voce di menu
</UL>

A ''square'' potete sostituire ''disc'' se volete la lista puntinata o ''circle'' se la volete con i pallini.

CODICE

HTML

<div align="center">
<fieldset style="border: 2px dashed #6699CC; margin: 10px; padding: 1px; width: 200px"><fieldset style="border: 4px solid #3333CC ; margin: 0px; padding: 2px; width: 400px">ahahah</fieldset></fieldset></div>

ahahah

Naturalmente modificate i colori e i codici come volete.

perfavore ci ho messo mezz'ora alzatemi la reputazione per ringraziarmi :rolleyes:

.

Ezònn.

Posted on 23/8/2012, 20:54

.

White III

Group: Fan

Posts: 1,753

Uova Precursor: +12

Location: Blackburn, Lancashire

Status: Anonymous

Mezz'ora?! Io minimo ci avrei messo un'ora xD
Comunque hai fatto un ottimo lavoro ^^

Contacts

Web

.

DARKKEIN

Posted on 23/8/2012, 21:03

.

User deleted

usateli pure se volete

.

- Goku'

Posted on 23/8/2012, 21:22

.

I follow my dreams.

Group: Fan

Posts: 1,916

Uova Precursor: +44

Location: Catania

Status: Offline

Quei codici non li vedremo in molti, visto che non utilizziamo Explorer :asd:

Comunque molto utili, anche se me ne serviranno pochi..

.

DARKKEIN

Posted on 23/8/2012, 21:27

.

User deleted

io uso chrome... l'html è lo script che si usa in tutti i browser...quindi funziona fidati

.

XS o n

Posted on 23/8/2012, 21:33

.

User deleted

Bel copia e incolla,comunque esiste già un topic creato da me.
Qui

.

DARKKEIN

Posted on 23/8/2012, 21:34

.

User deleted

bhè però li conosco a memoria...
e comunque dal mio si capisce di più XD

.

XS o n

Posted on 23/8/2012, 21:55

.

User deleted

CITAZIONE (DARKKEIN @ 23/8/2012, 22:34)

bhè però li conosco a memoria...
e comunque dal mio si capisce di più XD

Ma il tuo è più per il forum.
Il mio è dal principio

.

DARKKEIN

Posted on 23/8/2012, 22:00

.

User deleted

e allora si prendono un libro se vogliono il principio o vanno all'itis,io gli ho dati da copiare e incollare per le firme,spiegare l'html in sè a molte persone non interessa quanto potrebbe interessare a me o a te capisci che intendo?

.

Maricri

Posted on 2/9/2012, 01:40

.

"The ending gives birth to the beginning, in the great circle of time..."

Group: Founder

Posts: 11,822

Uova Precursor: +549

Location: Tra Catania e Roma

Status: Offline

CITAZIONE (DARKKEIN @ 23/8/2012, 21:50)

CODICE

HTML

<font style="text-decoration:none; font-family: Maiandra GD; font-size: 50px; color: black; eight: 35px;">
BLABLABLA</font>
<font style="text-decoration:none; font-family: Century Gothic; color: red; font-size: 30px;">perchè te mi hai BLABLABLA</font>
</div>

BLABLABLA
perchè te mi hai BLABLABLA

Simpatico questo, non lo conoscevo