-
.
Tutorial codici HTML
Il forum mette a disposizione dei suoi utenti una guida semplice e pratica sui più comuni codici usati sul forum.
Indice dei codici:
1. Testo in un riquadro
2. Testo sovrapposto
3. Elenchi
4. Collegamento
5. Allineamento del testo a destra
6. Scrollbar
7. inserire testi o immagini affiancati
9. Testo tagliato
10. Container per scritte e immagini
11. Testo con sfondo
12. Mettere un colore in firma
13. Mettere uno sfondo in firma
14. Inserire delle ancore
15. Mettere un alone ad un testo
16. Mettere un' ombra al testo
17. Fare lo sfondo con le gradazioni di colore
18. Mettere testo (o immagine) che rimbalza
Questo indice è stato realizzato adoperando le ancore (punto 14) e quindi se cliccate sul codice che vi interessa vi porterà subito al codice stesso!
1.CODICE<fieldset><legend>Titolo riquadro</legend>Testo</fieldset>
Esempio:
2.CODICE<font style="text-decoration:none; font-family: Papyrus; font-size: 80px; color: blue; line-height: 35px;">Esempio</font>
<font style="text-decoration:none; font-family: Papyrus; color: orange; font-size: 40px;">Esempio esempio</font>
Esempio:
Creature
della notte
3.
con pallini:CODICE<ul type="disc">
<li>esempio</li>
<li>esempio</li>
<li>esempio</li></ul>
Esempio:- un
- due
- tre
con cerchietti:CODICE<ul type="circle">
<li>esempio</li>
<li>esempio</li>
<li>esempio</li></ul>
Esempio:- primo
- secondo
- terzo
con quadratini:CODICE<ul type="square">
<li>esempio</li>
<li>esempio</li>
<li>esempio</li></ul>
Esempio:- primo
- secondo
- terzo
4.CODICE<a href="l'indirizzo del forum">clicca qui</a>
Esempio:
clicca qui
5.CODICE<p align="right"> esempio </p>
Esempio:Creaturedellanotte
Nel caso si volesse mettere un testo o una immagine centale basterà sostituire la parola "right" con "center"
6.CODICE<div style="overflow:auto; height:200px>immagini o testo che si vuole mettere nella tendina
</div>
Esempio:streghe
7.CODICE<table>
<tr>
<td>testo</td>
<td>testo</td>
<td>testo</td>
</tr>
</table>
Esempio:testo testo testo
9.CODICE<s> esempio </s>
Esempio:creaturedellanotte
10.CODICE<div align="center"><div style="border:20px solid #000000;background-color:orange; line-height:13px; font-family:Regular; font-size:12px; color: blue"> contenuto </div></div>
Esempio:creature della notte
11.CODICE<p align="center"><div style="background-color: orange;width:200px;">
[font=Arial][size=7]<p align="center">esempio</p>[/size][/font]
</div></p>
Esempio:Creature Della Notte
12.CODICE<div style="background-color:blue">LA VOSTRA FIRMA</div>
Esempio:
13.CODICE<div style="background-image: url(http://imageshack.us); display: block;">inserisci qui tutti i codici ed altro della tua FIRMA</div>
variante con il solo colore modificabile poi cambiando i numeri:CODICE<div style="background-color:#000000">inserisci qui tutti i codici ed altro della tua FIRMA</div>
*esempio dello 000000 x il nero
Esempio:La mia firma
14.CODICE<a href="#primo"> primo paragrafo</a>
<a href="#secondo">secondo paragrafo</a>
<a href="#terzo">terzo paragrafo</a>
<a name="primo">esempio</a>
<a name="secondo">esempio</a>
<a name="terzo">esempio</a>
Esempio:
primo paragrafo
secondo paragrafo
terzo paragrafo
esempio
esempio
esempio
15.CODICE<div style="width:100%; filter:glow(color=FF0000)">testo al quale si desidera mettere l'alone</div>
Esempio:Creature Della Notte
16.CODICE<div style="width:100%; filter:blur">testo al quale si desidera mettere l'ombra ombra</div>
Esempio:
Visto che la differenza è minima metto pure la differenza.
testo senza ombra:
Io sono una creatura della notte
testo con ombra:
Io sono un immortale
17.CODICE<div style="width:100%; filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#F0A000,EndColorStr=#0000C3)"> testo che si vuole mettere su uno fondo a gradazione di colore</div>
Esempio:I diari della mezzanotte e delle streghe
18.CODICE<marquee behavior=alternate>Testo che rimbalza</marquee>
Esempio:SPOILER (clicca per visualizzare)Tutorial iniziale realizzato da artemisia
Edited by (Stefan) - 1/7/2015, 16:21.