Guida ai codici html e BBCODE per forum

« Older Newer »

Big Red 22

Posted on 16/1/2009, 16:59

Utente Supremo

Group: Administrator

Posts: 11,312

Rep: +11

Location: S.P.Q.L.

Status: Offline

Non l'ho fatta io. l'ho presa presa dal Wiki del supporto.
Vai ai codici HTML - Vai ai BBCODE

HTML

È 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

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

testo in grassetto

effetto:
testo in grassetto

Elenco tag HTML comuni
Accapo

HTML

CODICE

a ccapo

effetto:
a
ccapo

Linea

HTML

<hr>

effetto:

Immagine

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

HTML

<a href="#target">testo</a>

Immagine con collegamento

HTML

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

testo

Testo in corsivo

HTML

testo

Testo sottolineato

HTML

testo

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

Si può cambiare disc con circle o square

Lista numerata

HTML

Area di testo

HTML

<textarea>testo</textarea>

Input

HTML

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

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

<sup>...</sup>

Testo pedice

HTML

<sub>...</sub>

Testo affianco ad un'immagine

HTML

<div style="float: left; margin-right: 10px"><img src="INDIRIZZO_IMMAGINE"></div>TESTO
</div>

Iframe (includere una pagina esterna nel proprio forum)

HTML

<iframe src="http://indirizzopagina" width="100" height="100"></iframe>

BBCODE

È 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://iximo.forumcommunity.net/]IXIMO[/URL]

come andrebbe scritto in HTML:

HTML

<a href="http://iximo.forumcommunity.net/">IXIMO</a>

anteprima:

CITAZIONE

IXIMO

Elenco BBCODE
Immagine

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

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

CODICE

[CODE]testo

[/CODE]

Scrivere codice HTML (equivalente al precedente BBCODE, se non che i tag HTML sono colorati)

CODICE

[HTML]testo[/HTML]

Colore testo

CODICE

[COLOR=colore]testo[/COLOR]

Dimensione testo

CODICE

[SIZE=dimensione]testo[/SIZE]

Edited by Big Red 22 - 16/6/2009, 14:52