Wyjaśnienie

BB Code to zestaw znaczników opartych na być może znanym Ci już języku HTML. Umożliwiają one formatowanie wiadomości podobnie jak HTML, ale mają prostszą formę i nie psują układu strony, którą odwiedzasz. Korzystanie z BB Code zależne jest od administratora konkretnego forum, dlatego przed wpisaniem wiadomości powinieneś sprawdzić obowiązujące zasady.

Poniższa lista przedstawia znaczniki BB Code, których możesz użyć przy formatowaniu swojej wiadomości.

Lista znaczników BB Code

1. Pogrubienie / Kursywa / Podkreślenie

[b], [i], [u]

1. Kolor

[color]

1. Wyróżnienie

[highlight]

1. Lewa / Prawa / Środek

[left], [right], [center]

1. Wcięcie

[indent]

1. Link z adresem e-mail

[email]

1. Link z adresem URL

[url]

1. Link do wątku

[thread]

1. Link do postu

[post]

1. Lista wypunktowana / Lista rozmieszczona hierarchicznie

[list]

1. Obrazy

[img]

1. Filmy

[video]

1. Kod

[code]

1. Kod PHP

[php]

1. Kod HTML

[html]

1. Cytat

[quote]

1. Wyłącz parsowanie BB Code

[noparse]

1. Załącznik

[attach]

1. Oddzielenie wstępu od treści

[lead]

Nieprawidłowe wykorzystanie znaczników BB Code:

• [url] www.example.com [/url] - nie oddzielaj spacjami kodu umieszczonego w nawiasach i tekstu, do którego odnosi się ten kod.

• [email][e-mail][email] - nawias zamykający musi zawierać ukośnik ([/email])

Pogrubienie / Kursywa / Podkreślenie

Znaczniki [b], [i] i [u] umożliwiają przygotowanie tekstu, który będzie pogrubiony, pochyły i podkreślony.

• • [b]wartość[/b]

  • [i]wartość[/i]

  • [u]wartość[/u]

Zastosowanie

• • [b]ten tekst jest pogrubiony[/b]

  • [i]ten tekst jest napisany kursywą[/i]

  • [u]ten tekst jest podkreślony[/u]

Przykładowe zastosowanie

• • ten tekst jest pogrubiony

  • ten tekst jest napisany kursywą

  • ten tekst jest podkreślony

Przykładowy rezultat

Kolor

Znacznik [color] umożliwia zmianę koloru tekstu.

• [color=Opcja]wartość[/color]

Zastosowanie

• [color=blue]ten tekst jest niebieski[/color]

Przykładowe zastosowanie

• ten tekst jest niebieski

Przykładowy rezultat

Lewa / Prawa / Środek

Znaczniki [left], [right] i [center] umożliwiają zmianę wyrównania tekstu.

• • [left]wartość[/left]

  • [center]wartość[/center]

  • [right]wartość[/right]

Zastosowanie

• • [left]ten tekst jest wyrównany do lewej[/left]

  • [center]ten tekst jest wyśrodkowany[/center]

  • [right]ten tekst jest wyrównany do prawej[/right]

Przykładowe zastosowanie

• ten tekst jest wyrównany do lewej

ten tekst jest wyśrodkowany

ten tekst jest wyrównany do prawej

Przykładowy rezultat

Wcięcie

Znacznik [indent] umożliwia wcięcie tekstu.

• [indent]wartość[/indent]

Zastosowanie

• [indent]ten tekst jest wcięty[/indent]

Przykładowe zastosowanie

• ten tekst jest wcięty

Przykładowy rezultat

Link z adresem e-mail

Znacznik [email] umożliwia umieszczenie linku do adresu e-mail. Możliwe jest także wprowadzenie dodatkowego parametru 'nazywającego' link.

• • [email]wartość[/email]

  • [email=Opcja]wartość[/email]

Zastosowanie

• • [email][e-mail][/email]

  • [email=[e-mail]]Kliknij tutaj, aby wysłać e-mail.[/email]

Przykładowe zastosowanie

• • [e-mail]

  • Kliknij tutaj, aby wysłać e-mail.

Przykładowy rezultat

Link z adresem URL

Znacznik [url] umożliwia umieszczenie linku do innych stron internetowych lub plików. Możliwe jest także wprowadzenie dodatkowego parametru 'nazywającego' link.

• • [url]wartość[/url]

  • [url=Opcja]wartość[/url]

Zastosowanie

• • [url]http://cafe.allegro.pl[/url]

  • [url=http://cafe.allegro.pl]Cafe Allegro[/url]

Przykładowe zastosowanie

• • http://cafe.allegro.pl

  • Cafe Allegro

Przykładowy rezultat

Link do wątku

Znacznik [thread] umożliwia umieszczenie linku do wątku poprzez określenie jego numeru ID. Możliwe jest także wprowadzenie dodatkowego parametru 'nazywającego' link.

• • [thread]ID wątku[/thread]

  • [thread=ID wątku]wartość[/thread]

Zastosowanie

• • [thread]42918[/thread]

  • [thread=42918]Kliknij mnie![/thread]

(Uwaga: ID wątku i ID postu służą wyłącznie jako przykład i mogą nie prowadzić do żadnego aktualnego wątku czy postu).

Przykładowe zastosowanie

• • http://cafe.allegro.pl/showthread.php?t=42918

  • Kliknij mnie!

Przykładowy rezultat

Link do postu

Znacznik [post] umożliwia umieszczenie linku do postu poprzez określenie jego numeru ID. Możliwe jest także wprowadzenie dodatkowego parametru 'nazywającego' link.

• • [post]ID postu[/post]

  • [post=ID postu]wartość[/post]

Zastosowanie

• • [post]269302[/post]

  • [post=269302]Kliknij mnie![/post]

(Uwaga: ID wątku i ID postu służą wyłącznie jako przykład i mogą nie prowadzić do żadnego aktualnego wątku czy postu).

Przykładowe zastosowanie

• • http://cafe.allegro.pl/showthread.php?p=269302#post269302

  • Kliknij mnie!

Przykładowy rezultat

Lista wypunktowana

Znacznik [list] umożliwia tworzenie prostych, wypunktowanych list bez określenia opcji. W ramach danej listy każdy punkt oznaczany jest jako znacznik [*].

• [list]wartość[/list]

Zastosowanie

• [list]
  [*]punkt na liście
  [*]punkt na liście
  [/list]

Przykładowe zastosowanie

• • punkt na liście

  • punkt na liście

Przykładowy rezultat

Lista rozmieszczona hierarchicznie

Znacznik [list] umożliwia tworzenie list rozmieszczonych hierarchicznie poprzez określenie ich opcji. Opcja powinna zawierać wartość 1 (lista numerowana), A (lista alfabetyczna – wielkie litery), a (lista alfabetyczna – małe litery), I (lista numerowana – wielkie liczby rzymskie) lub i (lista numerowana – małe liczby rzymskie).

• [list=Opcja]wartość[/list]

Zastosowanie

• [list=1]
  [*]punkt na liście
  [*]punkt na liście
  [/list]
  
  [list=a]
  [*]punkt na liście
  [*]punkt na liście
  [/list]

Przykładowe zastosowanie

• 1. punkt na liście

  2. punkt na liście

  1. punkt na liście

  2. punkt na liście

Przykładowy rezultat

Obrazy

Znacznik [img] umożliwia wstawienie obrazu do postu. Można go połączyć ze znacznikiem [url], tworząc z obrazu link.

• [img]wartość[/img]

Zastosowanie

• • [img]http://cafe.allegro.pl/images/statusicon/forum_new-48.png[/img] (niepodlinkowany)

  • [url=http://www.example.com] [img]http://cafe.allegro.pl/images/statusicon/forum_new-48.png[/img] [/url] (podlinkowany)

Przykładowe zastosowanie

• •  (niepodlinkowany)

  •  (podlinkowany)

Przykładowy rezultat

Filmy

Znacznik [video] umożliwia wstawienie do postu filmiku z serwisu udostępniającego takie pliki.

• [video]wartość[/video]

Zastosowanie

• • [video=youtube;eOUq4Z6R7xI]http://www.youtube.com/watch?v=eOUq4Z6R7xI[/video]

Przykładowe zastosowanie

• http://www.youtube.com/watch?feature=player_embedded&v=eOUq4Z6R7xI#t=0

Przykładowy rezultat

Kod

Znacznik [code] uruchamia czcionkę o stałej szerokości znaków i zachowuje wszystkie spacje.

• [code]wartość[/code]

Zastosowanie

• [code]
  <script type="text/javascript">
  <!--
      alert("Hello world!");
  //-->
  </script>
  [/code]

Przykładowe zastosowanie

• Kod:

• <script type="text/javascript">

• <!--

• alert("Hello world!");

• //-->

</script>

Przykładowy rezultat

Kod PHP

Znacznik [php] ma taką samą funkcję jak [code], ale umożliwia kolorowanie składni kodu PHP. Został on opracowany na potrzeby PHP, ale może być równie dobrze stosowany do kolorowania innych języków programowania typu C.

• [php]wartość[/php]

Zastosowanie

• [php]
  $myvar = 'Hello World!';
  for ($i = 0; \$i < 10; \$i++)
  {
      echo $myvar . "\n";
  }
  [/php]

Przykładowe zastosowanie

• Kod PHP:

$myvar = 'Hello World!';
for ($i = 0; $i < 10; $i++)
{
    echo $myvar . "\n";
}  

Przykładowy rezultat

Kod HTML

Znacznik [html] umożliwia kolorowanie składni kodu HTML.

• [html]wartość[/html]

Zastosowanie

• [html]
  <img src="image.gif" alt="image" />
  <a href="testing.html" target="_blank">Testing</a>
  [/html]

Przykładowe zastosowanie

• Kod HTML:

• <img src="image.gif" alt="image" />

<a href="testing.html" target="_blank">Testing</a>

Przykładowy rezultat

Cytat

Znacznik [quote] umożliwia oznaczenie tekstu jak cytat innej osoby.

• • [quote]Cytat[/quote]

  • [quote=Nazwa użytkownika]wartość[/quote]

Zastosowanie

• • [quote]Lorem ipsum dolor sit amet[/quote]

  • [quote=John Doe]Lorem ipsum dolor sit amet[/quote]

  • [quote=John Doe;17700385]Lorem ipsum dolor sit amet[/quote]

Przykładowe zastosowanie

• • Lorem ipsum dolor sit amet

  •  Zamieszczone przez John Doe

Lorem ipsum dolor sit amet

•  Zamieszczone przez John Doe 

Lorem ipsum dolor sit amet

• Przykładowy rezultat

Wyróżnienie

Znacznik [highlight] umożliwia wyróżnienie tekstu.

• Zastosowanie

[highlight]wartość[/highlight]

• Przykładowe zastosowanie

[highlight]ten tekst jest wyróżniony[/highlight]

• Przykładowy rezultat

ten tekst jest wyróżniony

Wyłącz parsowanie BB Code

Znacznik [noparse] umożliwia wyłączenie parsowania BB Code.

• [noparse][b]wartość[/b][/noparse]

Zastosowanie

• [noparse][b]Lorem ipsum dolor sit amet[/b][/noparse]

Przykładowe zastosowanie

• [b]Lorem ipsum dolor sit amet[/b]

Przykładowy rezultat

Załącznik

Znacznik [attach] umożliwia wstawienie załącznika do postu zamiast wyświetlenia danej treści na dole wiadomości. Wyświetlone zostaną jedynie te załączniki, które odnoszą się do postu, w którym skorzystano z tej opcji.

• [attach]ID załącznika[/attach]

Zastosowanie

• [attach]12345[/attach]

Przykładowe zastosowanie

Oddzielenie wstępu od treści

Określa podział posta na część "lead" i treść.

• [lead]wartość[/lead]

Zastosowanie

• [lead]Zajawka[/lead] Treść

Przykładowe zastosowanie

• Zajawka Treść

Przykładowy rezultat