Codici HTML e BBCODE

È un linguaggio che si può utilizzare nei messaggi del forum e nei pannelli amministrativi per formattare testo e immagini.

L'elemento base del linguaggio è il tag, una parola chiave racchiusa da simbolo di minore < e maggiore >
esempio:
HTML
<br>

Spesso le informazioni su cui "agisce" il tag devono essere racchiuse fra un tag d'apertura ed uno di chiusura, quest'ultimo indicato apponendo il carattere slash (/) dopo <.
esempio:
HTML
<b>testo in grassetto</b>


Elenco tag HTML comuni
Accapo
HTML
<br>

Linea
HTML
<hr>

Immagine image
HTML
<img src="http://indirizzo_immagine">
l'immagine deve essere online

Collegamento a una pagina web o file
HTML
<a href="http://indirizzo_sito">testo</a>


Collegamento a un punto della pagina
HTML
<a name="target"></a>
HTML
<a href="#target">testo</a>




Immagine con collegamento image
HTML
<a href="http://indirizzo_sito"><img src="http://indirizzo_immagine"></a>


Centrare un'immagine o un testo
HTML
<div align="center">immagine/testo</div>


Immagine o testo in movimento
HTML
<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
HTML
<marquee onmouseover="this.stop()" onmouseout="this.start()">immagine/testo</marquee>
questo codice non può essere inserito nella firma

Immagine o testo in movimento che rallenta al passaggio del mouse
HTML
<marquee scrollamount='5' onMouseover='this.scrollAmount=1' onMouseout='this.scrollAmount=5'>immagine/testo</marquee>


Testo in grassetto
HTML
<b>testo</b>


Testo in corsivo
HTML
<i>testo</i>


Testo sottolineato
HTML
<u>testo</u>


Testo barrato
HTML
<s>testo</s>


Colore testo
HTML
<font color="colore">testo</font>


Dimensione testo
HTML
<font size="dimensione">testo</font>


Font testo
HTML
<font face="font da utilizzare">testo</font>


Cambiare colore, dimensione, font ad un testo
HTML
<font color="colore" size="dimensione" face="font da utilizzare">testo</font>


Testo con alone (visibile solo da Internet Explorer)
HTML
<div style="width:100%;filter:glow(color=colore)">testo</div>


Testo sfumato (visibile solo da Internet Explorer)
HTML
<div style="width:100%;filter:blur">testo</div>


Lista
HTML
<ul type="disc">
<li>voce</li>
<li>voce</li>
<li>voce</li>
</ul>
Si può cambiare disc con circle o square

   * Ecco
   * come viene
   * con disc

   * Ecco
   * come viene
   * con circle

   * Ecco
   * come viene
   * con square

Lista numerata
HTML
<ol>
<li>voce</li>
<li>voce</li>
<li>voce</li>
</ol>

  1. Ecco
  2. come viene
  3. la lista numerata


Area di testo testo
HTML
<textarea>testo</textarea>

Input
HTML
<input type="" value="testo">

CITAZIONE
Valori tipici del campo type
text          
password
checkbox
radio 1 2


Menù a tendina
HTML
<select>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
</select>


Pulsante testo
HTML
<button>testo</button>


Testo apice
HTML
^...


Testo pedice
HTML
_...


Iframe (includere una pagina esterna nel proprio forum)
HTML
<iframe src="http://indirizzopagina" width="100" height="100"></iframe>

È un linguaggio che si può usare solo nei messaggi del forum per formattare testo e immagini. Simile all'html, ma più compatto.
esempio di BBCODE:
CODICE
[URL=http://www.forumfree.net]ForumFree.net[/URL]

come andrebbe scritto in HTML:
CODICE
<a href="http://www.forumfree.net">ForumFree.net</a>

anteprima:
CITAZIONE
ForumFree.net

Elenco BBCODE
Immagine image
CODICE
[IMG]http://indirizzo_immagine[/IMG]
l'immagine deve essere online

Email
CODICE
[EMAIL]mia@email[/EMAIL]


Collegamento a una pagina web o file
CODICE
[URL=http://indirizzo_sito]testo[/URL]


Immagine con collegamento image
CODICE
[URL=http://indirizzo_sito][IMG]http://indirizzo_immagine[/IMG][/URL]


Citare un messaggio altrui
CODICE
[QUOTE]testo[/QUOTE]


Testo e immagini nascosti
CODICE
[SPOILER]testo/immagini[/SPOILER]

Precauzionalmente questo bbcode non si può mettere in firma. Cliccando su uno spoiler, infatti, si aprono tutti quelli presenti nella stessa pagina, ma un eventuale spoiler di una firma non sarebbe in tema con gli altri.

Scrivere codice
CITAZIONE
[CODE]testo

testo