[TUTORIAL] BBCode utilizzato in OGame

Questo sito utilizza i cookie. Continuando a navigare sul sito accetti l´utilizzo dei cookie maggiori dettagli

  • [TUTORIAL] BBCode utilizzato in OGame

    Dalla versione 1.4 di ogame è cambiata la gestione del BBCode utilizzato in gioco.
    Ricordo a tutti che per le domande a riguardo esiste l'apposito thread stickato in sezione tools e sims: Domande e Risposte sulla pagina dell'alleanza

    Vediamo in dettaglio i vari codici in modo da rendere il lavoro più semplice anche a chi è alle prime armi.


    Per eventuali aggiunte e/o suggerimenti contattare gli SMOD di sezione.

    __________________________________________________________________________
    ¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯

    Per cambiare il tipo di font si utilizza il BBCODE seguente:

    Codice Sorgente

    1. Font Normale
    2. [font=Arial] Arial [/font]
    3. [font=Chicago] Chicago [/font]
    4. [font=Comic] Comic [/font]
    5. [font=Courier] Courier [/font]
    6. [font=Fantasy] Fantasy [/font]
    7. [font=Geneva] Geneva [/font]
    8. [font=Georgia] Georgia [/font]
    9. [font=Helvetica] Helvetica [/font]
    10. [font=Impact] Impact [/font]
    11. [font=Lucida] Lucida [/font]
    12. [font=Monospace] Monospace [/font]
    13. [font=Serif] Serif [/font]
    14. [font=Tahoma] Tahoma [/font]
    15. [font=Times] Times [/font]
    16. [font=Trebuchet] Trebuchet [/font]
    17. [font=Verdana] Verdana [/font]
    Mostra tutti




    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

    __________________________________________________________________________
    ¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯

    Per Ottenere testo in apice o pedice (come nelle formule matematiche) si possono usare:

    Codice Sorgente

    1. Testo Normale - [sub] Testo Pedice [/sub]




    Purtroppo al momento non esiste un modo per mettere il testo come Apice:
    Un testo come: Testo Normale - Testo Apice
    Non può, al momento, essere inserito in gioco.

    __________________________________________________________________________
    ¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯

    Le decorazioni base che tutti conoscono:

    Codice Sorgente

    1. Testo Normale
    2. [b] Testo Grassetto [/b]
    3. [s] Testo Barrato [/s]
    4. [i] Testo Inclinato [/i]
    5. [u] Testo Sottolineato [/u]




    Il testo in grassetto sembra uguale agli altri solamente perchè la skin lo mette standard a tutto il testo

    __________________________________________________________________________
    ¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯

    Per modificare le dimensioni del testo useremo:

    Codice Sorgente

    1. 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.

    __________________________________________________________________________
    ¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯

    La colorazione del testo:

    Codice Sorgente

    1. Testo Normale - [color=#00FF00] Testo Colorato [/color] - [color=red] Testo Rosso [/color]




    Una tabella dei colori esadecimali che si possono utilizzare la trovate quì: 2createawebsite.com/build/hex-colors.html oppure quì: webspace.tiscali.it/guidahtml/codicicolori/

    __________________________________________________________________________
    ¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯

    Allineamento del testo:

    Codice Sorgente

    1. [align=left] Testo a Sinistra [/align]
    2. [align=center] Testo al Centro [/align]
    3. [align=right] Testo a Destra [/align]




    __________________________________________________________________________
    ¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯

    Email e Link:

    Codice Sorgente

    1. [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:

    Codice Sorgente

    1. [URL=http://link] Testo del link [/URL]


    Testo del link



    Inoltre si può linkare un sistema solare:

    Codice Sorgente

    1. [coordinates]X:XX:XXX[/coordinates]


    Questo codice renderà cliccabili le coordinate indicate rimandando al sistema solare



    Codice Sorgente

    1. [player]nome[/player]

    Con questo codice, al passaggio del mouse sul nome verranno mostrate le coordinate del pianeta madre, il rank e sarà possibile inviare un PM o la richeista d'amicizia direttamente


    __________________________________________________________________________
    ¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯

    Immagini:

    Per inserire immagini basta mettere il link tra:

    Codice Sorgente

    1. [img]http://board.ogame.it/wcf/images/ogameOldDesign/logo.png[/img]




    Sono accettati i seguenti formati immagine:
    .bmp .gif .jpeg .jpg .png
    In caso in cui l'immagine non sia corretta o non esista verrà mostrato il testo:
    Immagine non valida

    __________________________________________________________________________
    ¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯

    Sfondi:

    Codice generico per lo sfondo, il quale creerà una zona con l'immagine come sfondo per tutta la dimensione del testo contenuto:

    Codice Sorgente

    1. [background image="http://board.ogame.it/wcf/images/ogameOldDesign/logo.png"]riga1
    2. riga2
    3. riga3
    4. riga4
    5. riga5
    6. riga10[/background]




    E' inoltre possibile visualizzare l'immagine senza che venga ripetuta:

    Codice Sorgente

    1. [background image="http://board.ogame.it/wcf/images/ogameOldDesign/logo.png" image-repeat='no'] Testo [/background]


    Oppure è possibile fare in modo che venga ripetuta solo orizzontalmente o verticalmente:

    Codice Sorgente

    1. [background image="http://www.siint.it/images/annulla.gif" image-repeat='yes-x'] Testo Testo Testo Testo Testo
    2. Testo Testo Testo Testo Testo
    3. Testo Testo Testo Testo Testo[/background]
    4. [background image="http://upload.wikimedia.org/wikipedia/commons/archive/2/20/20071003195030!Xsampa-y.png" image-repeat='yes-y'] Testo Testo Testo Testo Testo
    5. Testo Testo Testo Testo Testo
    6. Testo Testo Testo Testo Testo[/background]





    Utilizzare un colore di sfondo al posto di un immagine:

    Codice Sorgente

    1. [background color="red"]Testo[/background]




    __________________________________________________________________________
    ¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯

    Contatore in pagina ally:

    Per mettere un contatore nella pagina dell'alleanza seguite questi passi:
    1. Registratevi a un sito che fornice immagini come contatori, ad esempio: contatore-visite-gratis.com
    2. Una volta registrati impostate il vostro contatore come preferite tramite il pannello di amministrazione che trovate sul sito stesso. (dipende dal sito web)
    3. Inserite il link del contatore tra i tag img nella pagina dell'ally:
      Per esempio se il codice fornito dal sito web è:

      Codice Sorgente

      1. <a target="_blank" href="http://www.contatore-visite-gratis.com/"><img alt="contatore web" border="0" src="http://www.contatore-visite-gratis.com/graphics/contatore-web.gif"></a><img border="0" src="http://www.contatore-visite-gratis.com/img.gif">

      A voi basterà prendere la parte definita come SRC di IMG.


    Codice Sorgente

    1. [img]http://www.contatore-visite-gratis.com/img.gif[/img]


    Il messaggio è stato editato 2 volte, ultima volta da Hyadre ()..