Codici HTML per le firme

« Older Newer »

~Madara Uchiha™

Posted on 5/12/2011, 17:35

Group:: Member

Posts:: 12,285

Punti:: 0

Location:: Konoa

Status:

png

Per tutti gli amanti delle firme forumcommunity ecco un bel tutorial:

Per fare una scritta in grassetto:
Testo

CODICE

<b>Scrivi Qui</b>

Per fare una scritta in corsivo:
Testo

CODICE

<i>Scrivi Qui</i>

Per fare una scritta sottolineata:
Testo

CODICE

<u>Scrivi Qui</u>

Per fare una scritta barrata:
~~Testo~~

CODICE

<s>Scrivi Qui</s>

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

CODICE

<sub>Scrivi Qui</sub>

Per fare una scritta più in alto rispetto alle altre:
lalalalala^Testo lalalalala

CODICE

<sup>Scrivi Qui</sup>

Per fare una linea:

CODICE

<hr>

Per un collegamento a una pagina web:
Testo

CODICE

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

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

CODICE

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

<center>TESTO</center>

Si può usare anche questo

CODICE

<p align="center">TESTO</p>

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

Immagine o testo in movimento
Testo

CODICE

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

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

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

Bottone

CODICE

<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

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

ALTRIMENTI VERRA' COSì

Testo

CODICE

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

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

Testo sfumato

Testo

CODICE

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

Testo con alone (il colore è a scelta)

Testo

CODICE

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

Testo al contrario in orizzontale (attenzione all'allineamento)

Testo

CODICE

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

Testo al contrario in verticale (attenzione all'allineamento)

Testo

CODICE

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

Testo con ombra

Testo

CODICE

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

Testo con ombra proiettata

Testo

CODICE

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

Testo con ombra per ogni lettera

Testo

CODICE

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

Per scrivere testi di fianco a immagini

CODICE

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

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

Testo
Testo
Testo
Testo
Testo
Testo

CODICE

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

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:

LaFee
First Italian Forum

CODICE

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

Per fare il codice a ''Tendina'':

CODICE

<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

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

Scritta scorrevole diciamo, ''pazza'':
Testo

CODICE

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

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

Testo

CODICE

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

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

CODICE

<textarea>Amo LaFee e me ne vanto</textarea>

Testo con descrizione:

Ferma la freccina qui e vedrai la sua descrizione.

CODICE

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

Mettere uno sfondo nella firma:

CODICE

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

Per inserire una lista:

CODICE

<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

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

Naturalmente modificate i colori e i codici come volete.

ahahah

0 replies since 5/12/2011, 17:35 403 views