Pagina 1 di 1

Come aggiungere altri BBCode (youtube, spoiler, ecc)

Inviato: 10/07/2009, 18:34
da Giacomo
Dal Pannello di Amministrazione, in

Codice: Seleziona tutto

Contenuti -> BBCode
è possibile aggiungere nuovi bbcode.
Ecco alcuni esempi utili:
  • Punti di riferimento nel testo
    Youtube (inserire video nei post)
    • Usando l'intero URL
      • Descrizione: Consente di incorporare i video di YouTube nei tuoi messaggi utilizzando l'URL completo del video.
        Demo:
        Immagine

        Uso del BBCode:

        Codice: Seleziona tutto

        [youtube]http://www.youtube.com/watch?v={SIMPLETEXT}[/youtube]
        Trasforma in HTML:

        Codice: Seleziona tutto

        <object width="425" height="350"><param name="movie" value="http://www.youtube.com/v/{SIMPLETEXT}"></param><param name="wmode" value="transparent"></param><embed src="http://www.youtube.com/v/{SIMPLETEXT}" type="application/x-shockwave-flash" wmode="transparent" width="425" height="350"></embed></object>
      Usando solo l’ID del video
      • Descrizione: Consente di incorporare i video di YouTube nei tuoi messaggi usando solo l'ID del video.
        Demo:
        Immagine

        Uso del BBCode:

        Codice: Seleziona tutto

        [youtube]{SIMPLETEXT}[/youtube]
        Trasforma in HTML:

        Codice: Seleziona tutto

        <object width="425" height="350"><param name="movie" value="http://www.youtube.com/v/{SIMPLETEXT}"></param><param name="wmode" value="transparent"></param><embed src="http://www.youtube.com/v/{SIMPLETEXT}" type="application/x-shockwave-flash" wmode="transparent" width="425" height="350"></embed></object>
    Allineare il testo (sinistra, centro, destra)
    • Descrizione: Ti permette di allineare testi/immagini a sinistra / destra / centro.
      Demo:
      Immagine

      Centro Destra Sinistra
      • Uso del BBCode:

        Codice: Seleziona tutto

        [left]{TEXT}[/left]
        Trasforma in HTML:

        Codice: Seleziona tutto

        <div align="left">{TEXT}</div>
        Nota bene: A meno che non si utilizza uno di questi codici, i testi e le immagini saranno allineati alla sinistra.
    Linea orizzontale
    • Descrizione: Inserisce una linea orizzontale in un post.
      Demo:
      Immagine

      Uso del BBCode:

      Codice: Seleziona tutto

      [hr]{IDENTIFIER}[/hr]
      Trasforma in HTML:

      Codice: Seleziona tutto

      <hr title="{IDENTIFIER}" />
    Spoiler
    • Descrizione: Aggiunge un fondo di colore nero al testo rendendolo illeggibile, necessita di un click per essere visualizzato. A differenza di altri metodi, questo codice non fa uso di Javascript (che alcuni utenti hanno disabilitato) ed è quindi, almeno a mio parere, il modo migliore per farlo.
      Demo:
      Immagine

      Uso del BBCode:

      Codice: Seleziona tutto

      [spoiler]{TEXT}[/spoiler]
      Trasforma in HTML:

      Codice: Seleziona tutto

      <span style="background:#000000">{TEXT}</span>
Anchor
BBCode:

Codice: Seleziona tutto

[anchor]{TEXT}[/anchor]
HTML:

Codice: Seleziona tutto

<a name="{TEXT}"></a>
Aiuto in linea:

Codice: Seleziona tutto

Ancora: [anchor]Nome dell'ancora[/anchor]
Goto

BBCode:

Codice: Seleziona tutto

[goto={TEXT1}]{TEXT2}[/goto]
HTML:

Codice: Seleziona tutto

<a href="#{TEXT1}">{TEXT2}</a>
Aiuto in linea:

Codice: Seleziona tutto

Goto: [goto=nome dell'ancora]Testo del link[/goto]