Guida al BBCode per la Pagina dell'alleanza
[EDIT by Zibibbo84] - Aggiornamento e dimostrazione grafica
Dalla versione 0.78 di ogame è stato adottato un BBCODE molto simile a quello del forum, quindi per utenti esperti non sarà difficile adattarsi ai nuovi cambiamenti.
Vediamo in dettaglio i vari codici in modo da rendere il lavoro più semplice anche a chi è alle prime armi.
[SIZE=7]__________________________________________________________________________
¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯[/SIZE]
Per cambiare il tipo di font si utilizza il BBCODE seguente:
Font Normale - [font=Comic Sans MS] Font diverso [/font]
I tipi di font che si possono utilizzare sono molti, però non è detto che siano installati su tutti i pc, quindi se si vuole che tutti riescano a vederli bisogna usare preferibilmente quelli standard, per esempio:
Arial - Comic - Courier New - Fantasy - Monospace - Serif - Tahoma - Times New Roman -Verdana
[SIZE=7]__________________________________________________________________________
¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯[/SIZE]
Per Ottenere testo in apice o pedice (come nelle formule matematiche) si possono usare:
Testo Normale - [sub] Testo Pedice [/sub] - [sup] Testo Apice [/sup]
[SIZE=7]__________________________________________________________________________
¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯[/SIZE]
Le decorazioni base che tutti conoscono:
[b] Testo Grassetto [/b]
[s] Testo Barrato [/s]
[i] Testo Inclinato [/i]
[u] Testo Sottolineato [/u]
Il testo in grassetto sembra uguale agli altri solamente perchè la skin lo mette standard a tutto il testo
[SIZE=7]__________________________________________________________________________
¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯[/SIZE]
Per modificare le dimensioni del testo useremo:
Testo Normale - [size=16] Testo ingrandito [/size]
Di norma le dimensioni sono in pixel, quindi nell'esempio sono 16px di altezza del testo, di norma i Browser utilizzano 14px come testo normale, però la dimensione può variare a seconda della skin che si utilizza
[SIZE=7]__________________________________________________________________________
¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯[/SIZE]
La colorazione del testo:
Testo Normale - [color=#00FF00] Testo Colorato [/color] - [color=red] Testo Rosso [/color]
Una tabella dei colori esadecimali che si possono utilizzare la trovate quì:http://www.2createawebsite.com/build/hex-colors.html oppure quì:http://webspace.tiscali.it/guidahtml/codicicolori/
[SIZE=7]__________________________________________________________________________
¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯[/SIZE]
Allineamento del testo:
[align=left] Testo a Sinistra [/align] [align=center] Testo al Centro [/align] [align=right] Testo a Destra [/align]
[center] Testo Centrato [/center]
[SIZE=7]__________________________________________________________________________
¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯[/SIZE]
Email e Link:
[EMAIL=email@mail.it] Testo del Link alla e-mail [/EMAIL]
Graficamente non si capirebbe ed essendo uguale al forum posto l'esempio quì:
Testo del Link alla e-mail
Stessa cosa per i link:
[URL=http://link] Testo del link [/URL]
Testo del link
[SIZE=7]__________________________________________________________________________
¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯[/SIZE]
Immagini:
Per inserire immagini basta mettere il link tra:
[img]http://www.geocities.com/area51/dimension/5189/stelle.jpg[/img]
Anche quì utilizzo il forum per fare l'esempio:
[SIZE=7]__________________________________________________________________________
¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯[/SIZE]
Sfondi:
» Codice generico x lo sfondo il quale creerà una riga, colorata con l'immagine, solo dietro al testo per tutta la larghezza della pagina:
[background image="url dell'immagine"]Testo[/background]
» Per visualizzare l'immagine senza che venga ripetuta:
[background image="url dell'immagine" image-repeat='no']Testo[/background]
Come si vede l'immagine non è stata ripetuta, però essendo il testo di default al centro sembra sfasato
» Immagine ripetuta solo orizzontalmente:
[background image="url dell'immagine" image-repeat='yes-x']Testo
Testo
Testo
Testo[/background]
In questo caso risulta evidente che l'immagine si ripete solo orizzontalmente
» Immagine ripetuta solo verticalmente:
[background image="url dell'immagine" image-repeat='yes-y']Testo[/background]
In questo caso non serve un immagine in quanto assomiglierebbe molto a quella senza ripetizione, con la differenza che sarebbe ripetuta verticalmente in modo da stare dietro a tutto il testo
» Immagine ripetuta in entrambe le direzioni x e y:
[background image="url dell'immagine" image-repeat='yes']Testo[/background]
In questo caso l'immagine riempirà completamente la porzione di pagina dietro al testo, ripetendosi sia in verticale che in orizzontale.
» Utilizzare un colore di sfondo al posto di un immagine:
[background color="black"]Testo[/background]
L'immagine parla da sola ^^
Dalla versione 0.78 di ogame è stato adottato un BBCODE molto simile a quello del forum, quindi per utenti esperti non sarà difficile adattarsi ai nuovi cambiamenti.
Vediamo in dettaglio i vari codici in modo da rendere il lavoro più semplice anche a chi è alle prime armi.
[SIZE=7]__________________________________________________________________________
¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯[/SIZE]
Per cambiare il tipo di font si utilizza il BBCODE seguente:
Font Normale - [font=Comic Sans MS] Font diverso [/font]
I tipi di font che si possono utilizzare sono molti, però non è detto che siano installati su tutti i pc, quindi se si vuole che tutti riescano a vederli bisogna usare preferibilmente quelli standard, per esempio:
Arial - Comic - Courier New - Fantasy - Monospace - Serif - Tahoma - Times New Roman -Verdana
[SIZE=7]__________________________________________________________________________
¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯[/SIZE]
Per Ottenere testo in apice o pedice (come nelle formule matematiche) si possono usare:
Testo Normale - [sub] Testo Pedice [/sub] - [sup] Testo Apice [/sup]
[SIZE=7]__________________________________________________________________________
¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯[/SIZE]
Le decorazioni base che tutti conoscono:
[b] Testo Grassetto [/b]
[s] Testo Barrato [/s]
[i] Testo Inclinato [/i]
[u] Testo Sottolineato [/u]
Il testo in grassetto sembra uguale agli altri solamente perchè la skin lo mette standard a tutto il testo
[SIZE=7]__________________________________________________________________________
¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯[/SIZE]
Per modificare le dimensioni del testo useremo:
Testo Normale - [size=16] Testo ingrandito [/size]
Di norma le dimensioni sono in pixel, quindi nell'esempio sono 16px di altezza del testo, di norma i Browser utilizzano 14px come testo normale, però la dimensione può variare a seconda della skin che si utilizza
[SIZE=7]__________________________________________________________________________
¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯[/SIZE]
La colorazione del testo:
Testo Normale - [color=#00FF00] Testo Colorato [/color] - [color=red] Testo Rosso [/color]
Una tabella dei colori esadecimali che si possono utilizzare la trovate quì:http://www.2createawebsite.com/build/hex-colors.html oppure quì:http://webspace.tiscali.it/guidahtml/codicicolori/
[SIZE=7]__________________________________________________________________________
¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯[/SIZE]
Allineamento del testo:
[align=left] Testo a Sinistra [/align] [align=center] Testo al Centro [/align] [align=right] Testo a Destra [/align]
[center] Testo Centrato [/center]
[SIZE=7]__________________________________________________________________________
¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯[/SIZE]
Email e Link:
[EMAIL=email@mail.it] Testo del Link alla e-mail [/EMAIL]
Graficamente non si capirebbe ed essendo uguale al forum posto l'esempio quì:
Testo del Link alla e-mail
Stessa cosa per i link:
[URL=http://link] Testo del link [/URL]
Testo del link
[SIZE=7]__________________________________________________________________________
¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯[/SIZE]
Immagini:
Per inserire immagini basta mettere il link tra:
[img]http://www.geocities.com/area51/dimension/5189/stelle.jpg[/img]
Anche quì utilizzo il forum per fare l'esempio:
[SIZE=7]__________________________________________________________________________
¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯[/SIZE]
Sfondi:
» Codice generico x lo sfondo il quale creerà una riga, colorata con l'immagine, solo dietro al testo per tutta la larghezza della pagina:
[background image="url dell'immagine"]Testo[/background]
» Per visualizzare l'immagine senza che venga ripetuta:
[background image="url dell'immagine" image-repeat='no']Testo[/background]
Come si vede l'immagine non è stata ripetuta, però essendo il testo di default al centro sembra sfasato
» Immagine ripetuta solo orizzontalmente:
[background image="url dell'immagine" image-repeat='yes-x']Testo
Testo
Testo
Testo[/background]
In questo caso risulta evidente che l'immagine si ripete solo orizzontalmente
» Immagine ripetuta solo verticalmente:
[background image="url dell'immagine" image-repeat='yes-y']Testo[/background]
In questo caso non serve un immagine in quanto assomiglierebbe molto a quella senza ripetizione, con la differenza che sarebbe ripetuta verticalmente in modo da stare dietro a tutto il testo
» Immagine ripetuta in entrambe le direzioni x e y:
[background image="url dell'immagine" image-repeat='yes']Testo[/background]
In questo caso l'immagine riempirà completamente la porzione di pagina dietro al testo, ripetendosi sia in verticale che in orizzontale.
» Utilizzare un colore di sfondo al posto di un immagine:
[background color="black"]Testo[/background]
L'immagine parla da sola ^^
