Guida ai Tag Html
È uno dei linguaggi più semplici può essere utilizzato sia nei messaggi all'interno del forum e sia nel pannello amministrativo per formattare testi, immaggini ecc...
L'elemento base/principale di questo semplice linguaggio è il cosidetto "tag".
Per saperne di più vi posterò alcuni esempi di tag più comuni
Accapo
Linea
Testo in grassettoTesto in corsivo Testo sottolineatoTesto barrato Colore Testo CODICE
<font color="colore">testo</font>
Dimensione Testo
CODICE
<font size="dimensione">testo</font>
Font Testo CODICE
<font face="font da utilizzare">testo</font>
Testo con alone
(visibile solo da Internet Explorer)
CODICE
<div style="width:100%;filter:glow(color=colore)">testo</div>
Testo sfumato
(visibile solo da Internet Explorer)
CODICE
<div style="width:100%;filter:blur">testo</div>
Testo
apice Testo
pedice Immagine
Esempio:
CODICE
<img src="Link immagine">
Collegamento a una pagina web o file con testo
CODICE
<a href="Link">Testo</a>
Collegamento a un punto della pagina
CODICE
<a name="target"></a>
CODICE
<a href="#target">testo</a>
Se si desidera inserire più punto di collegamento inserire affianco a "target" un numero.
Immagine con collegamento
Esempio:
CODICE
<a href="Link sito/pagina web"><img src="Link immagine"></a>
Centrare un'immagine o un testo
CODICE
<div align="center">immagine/testo</div>
Immagine o testo in movimento
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.
Immagine o testo in movimento che si ferma al passaggio del mouse
CODICE
<marquee onmouseover="this.stop()" onmouseout="this.start()">immagine/testo</marquee>
Immagine o testo in movimento che rallenta al passaggio del mouse
CODICE
<marquee scrollamount='5' onMouseover='this.scrollAmount=1' onMouseout='this.scrollAmount=5'>immagine/testo</marquee>
Lista
CODICE
<ul type="disc"> <li>voce</li> <li>voce</li> <li>voce</li> </ul>
Si può cambiare disc con circle o square.
Lista numerata
CODICE
<ol> <li>voce</li> <li>voce</li> <li>voce</li> </ol>
Area di testo
Esempio:
CODICE
<textarea>testo</textarea>
Input
CODICE
<input type="text" value="testo">
Si può cambiare text con checkbox e radio.
Menù a tendina
Esempio:
1 2 3 CODICE
<select> <option value="1">1</option> <option value="2">2</option> <option value="3">3</option> </select>
Pulsante
Esempio:
testo CODICE
<button>testo</button>
Iframe(Inculudere una pagina esterna nel propio forum)
CODICE
<iframe src="Link" width="100" height="100"></iframe>
Altri Codici
Inserire un "avviso" nei gruppi
CODICE
<td class='aa'><tr><td class='ww'><b>Avvisi:</b></td><td class='aa'><div class='info' style='font-size: 8pt; line-height: 150%;'>Testo</b>
Amministrazione------>Gestione gruppi-------->Inserirlo in descrizione.
Altra statistica
CODICE
<script type="text/javascript">stats='<br><tr><td class="sunbar" colspan="2"><b>Titolo Statistica</b><tr><td class="ww" width="5%" align="center"><img src="http://img387.imageshack.us/img387/7020/konbanner0dj.png" alt=""><td class="aa" width="95%">Testo</script>
Amministrazione-------->Gestione Html-------->Inserirlo in
In fondo al forum se non dovesse funzionare inserirlo in
Homepage Menù a stringa sopra banner
CODICE
<table style="-moz-opacity: 0.70; -khtml-opacity: 0.70; filter:alpha(opacity=70); opacity: 0.70" class="header_width" cellpadding="0" cellspacing="0"><tr><td><table class="mainbg" style="text-align: center; width: 100%" cellpadding="4" cellspacing="1"><tr><td class="title" style="letter-spacing: 1px; border: 0"> Testo </table></table>
In continuo aggiornamento...
Edited by • Hydro__} - 10/3/2008, 17:13