Come aggiungere altri BBCode (youtube, spoiler, ecc)

[Giacomo]

Dal Pannello di Amministrazione, in

Codice: Seleziona tutto

Contenuti -> BBCode

è possibile aggiungere nuovi bbcode.
Ecco alcuni esempi utili:

• Youtube
  • Usando l'intero URL
  • Usando solo l'ID del video
• Allineamento testo (centrato, a destra, a sinistra)
  • Centrato
  • A destra
  • A sinistra
• Una linea orizzontale
• Spoiler

• Punti di riferimento nel testo
  • Anchor
  • Goto
  
  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:
      
      
      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:
      
      
      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:
    
    
    Centro
    • Uso del BBCode:

      Codice: Seleziona tutto

      [center]{TEXT}[/center]

      Trasforma in HTML:

      Codice: Seleziona tutto

      <div align="center">{TEXT}</div>

    Destra
    • Uso del BBCode:

      Codice: Seleziona tutto

      [right]{TEXT}[/right]

      Trasforma in HTML:

      Codice: Seleziona tutto

      <div align="right">{TEXT}</div>

    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:
    
    
    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:
    
    
    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]