Poradnik BBCode

[Sofja]

✒ PORADNIK BBCODE

BBCode jest językiem formatowania wiadomości internetowych, umożliwiającym w łatwy sposób modyfikację wyglądu postów, zgodnie z potrzebami ich autora. A tym samym i częściowe wyrażenie siebie lub też przystosowanie wyglądu postów w celu ułatwienia ich czytania, czy wstawianych w dziale Opowiadań Grupowych Kart Postaci lub mających przyciągnąć wzrok Propozycji.

Z tego względu dla osób nie znających tego języka, a chętnych zapoznać się z jego możliwościami został stworzony ten właśnie krótki poradnik obejmujący listę najpopularniejszych kodów ;)

1. Zmiana stylu tekstu
   • pogrubienie czcionki

     Kod: Zaznacz cały

     [b]pogrubiony tekst[/b]

   • zastosowanie kursywy

     Kod: Zaznacz cały

     [i]tekst zapisany kursywą[/i]

   • podkreślenie tekstu

     Kod: Zaznacz cały

     [u]podkreślony tekst[/u]

   • przekreślenie tekstu

     Kod: Zaznacz cały

     [s]przekreślony tekst[/s]

2. Zmiana koloru tekstu
   • opcja pierwsza — z użyciem angielskich nazw kolorów tj. darkgreen, red, darkred, blue, darkviolet itd.

     Kod: Zaznacz cały

     [color=blue]pokolorowany tekst na wskazaną nazwę koloru (w tym przypadku na niebiesko)[/color]

   • opcja druga — z użyciem szesnastkowego zapisu kodu kolorów (Hex Color Codes) tj. np. #3B0A76 jako konkretnego odcienia fioletu, czy #4C2D12 jako konkretnego odcienia brązu. Ta opcja daje zdecydowanie więcej możliwości doboru pasujących barw, a w internie łatwo znaleźć strony oferujące możliwość szybkiego i przystępnego odnalezienia odpowiedniego kodu np. HTML Color Codes :)

     Kod: Zaznacz cały

     [color=#3D3D3D]pokolorowany tekst na wskazany kod koloru (w tym przypadku na ciemnoszaro)[/color]

3. Zmiana rozmiaru tekstu
   
   Odbywa się poprzez wskazanie odpowiedniej wartości: normalny rozmiar tekstu to 100, mały rozmiar tekstu to 85, duży natomiast 150.

   Kod: Zaznacz cały

   [size=85]mały tekst[/size]

   Uwaga: maksymalna wartość podawanego rozmiaru to 200. W celu stworzenia jeszcze większego tekstu, należy użyć kodu dwa razy obok siebie, podając za pierwszym razem wartość 200, a za drugim razem odpowiednio wartość 150 lub 200.

   Kod: Zaznacz cały

   [size=200][size=200]gigantyczny tekst[/size][/size]

4. Zmiana czcionki tekstu
   
   Odbywa się poprzez wskazanie odpowiedniej nazwy czcionki np. Monotype Corsiva, Arial, Calibri itp.
   
   Obsługiwane przez BBCode czcionki to: Agency FB, Arial, Arial Black, Arial Narrow, Book Antiqua, Calibri, Cambria, Candara, Century, Century Gothic, Comic Sans MS, Consolas, Constantia, Copperplate, Corbel, Courier New, Curlz MT, Cursive, Engravers MT, Fantasy, Fixedsys, Franklin Gothic Medium, Gabriola, Garamond, Garton, Georgia, Herculanum, Impact, Lucida Console, Lucida Sans Unicode, Microsoft Sans Serif, Mistral, Monospace, Monotype Corsiva, OCR A STD, Optima, Palatino Linotype, Papyrus, Showcard Gothic, Sylfaen, Symbol, System, Tahoma, Times New Roman, Trebuchet MS, Verdana, Vivaldi.
   
   Uwaga: Do pisania postów proszę używać wyłącznie czcionek obsługujących polskie znaki.
   

   Kod: Zaznacz cały

   [font=Century Gothic]tekst zapisany czcionką Century Gothic[/font]

5. Formatowanie tekstu
   • wyśrodkowanie tekstu

     Kod: Zaznacz cały

     [center]wyśrodkowany tekst[/center]

   • wyrównanie tekstu do prawej strony

     Kod: Zaznacz cały

     [r]tekst wyrównany do prawej strony[/r]

   • wyjustowanie tekstu

     Kod: Zaznacz cały

     [j]tekst wyjustowany[/j]

   • tworzenie akapitów

     Kod: Zaznacz cały

     [p]akapit[/p]

     Uwaga: tworzenie akapitów jednocześnie justuje tekst, więc nie jest możliwe jego stosowanie z opcją wyśrodkowania tekstu lub wyrównania go do prawej strony.

     
     

     Uwaga 2: po zastosowaniu akapitu, oddzielenie tekstu poniżej pustą linią w celu rozdzielenia tekstu, wymaga użycia przełamania linii przed tekstem mającym zostać oddzielonym w ten sposób od poprzedniego akapitu:

     Kod: Zaznacz cały

     [p]akapit[/p][br][/br]tekst oddzielony pustą linią od akapitu

     Działanie tego rozwiązania zostało zaprezentowane w tym poście poprzez rozdzielenie akapitów Uwaga i Uwaga 2.
     
     
   • 
     przełamanie linii
     
     W celu oddzielenia od siebie fragmentów tekstu pustą linią (głównie w przypadku zastosowania akapitów, tabel, czasem preformatowania tekstu) należy skorzystać z opcji przełamania linii poprzez kod:

     Kod: Zaznacz cały

     [br][/br]

   • preformatowanie    tekstu

     
     
     Tekst preformatowany służy do wyświetlenia bloku tekstu czcionką o stałej szerokości znaków, z zachowaniem jego oryginalnego formatowania, czyli formatowania wykonanego za pomocą spacji i znaków przejścia do nowej linii.

     Kod: Zaznacz cały

     [pre]tekst preformatowany[/pre]

6. Cytowanie

   • prosty cytat

     Kod: Zaznacz cały

     [quote]cytowany tekst[/quote]

   • cytat ze wskazaniem autora

     Kod: Zaznacz cały

     [quote=Sofja]cytowany tekst użytkownika Sofja[/quote]

7. Listy
   • prosta lista

     Kod: Zaznacz cały

     [list][*]punkt
     [*]punkt
     [*]punkt
     [*]itd.[/list]

   • lista numeryczna

     Kod: Zaznacz cały

     [list=1][*]punkt 1
     [*]punkt 2
     [*]punkt 3
     [*]itd.[/list]

   • wypunktowanie z użyciem liter

     Kod: Zaznacz cały

     [list=a][*]punkt a
     [*]punkt b
     [*]punkt c
     [*]itd.[/list]

   • lista złożona z innych list

     Kod: Zaznacz cały

     [list][*]pierwszy punkt listy nr1
     [list][*]pierwszy punkt listy nr2 będący jednocześnie podpunktem listy nr1
     [list][*]pierwszy punkt listy nr3 będący jednocześnie podpunktem listy nr2
     [*]drugi punkt listy nr3[/list]
     [*]drugi punkt listy nr2[/list]
     [*]drugi punkt listy nr1
     [*]trzeci punkt listy nr1
     [*]itd. (każda taka podlista może posiadać wiele punktów)[/list]

8. Dodawanie linków
   • Zmiana w tekstu w link (w tym przypadku do regulaminu forum)

     Kod: Zaznacz cały

     [url=https://aevis.pl/viewtopic.php?f=7&t=2]Regulamin forum[/url]

   • Zmiana obrazka w link (np. do autora danego dzieła)

     Kod: Zaznacz cały

     [url=adres url strony autora][img]adres url obrazka[/img][/url]

9. Wstawianie obrazków w postach

   Kod: Zaznacz cały

   [img]adres url obrazka[/img]

   Kod: Zaznacz cały

   [img_Ex]szerokość obrazkaxwysokość obrazka,adres url obrazka[/img_Ex]

10. Tabele
    
    Dostępne na forum tabele zawsze są wyśrodkowane i nie posiadają linii oddzielających od siebie konkretne komórki i wiersze, gdyż robią to za pomocą odstępów.
    Tym samym przykładowa tabela będzie wyglądać następująco:
    
    

    nagłówek 1	nagłówek 2	nagłówek 3
    kolumna 1 wiersz 1	kolumna 2 wiersz 1	kolumna 3 wiersz 1
    kolumna 1 wiersz 2	kolumna 2 wiersz 2	kolumna 3 wiersz 2
    kolumna 1 wiersz 3	kolumna 2 wiersz 3	kolumna 3 wiersz 3

    
    A jej kod:

    Kod: Zaznacz cały

    [table][tr][th]nagłówek 1[/th][th]nagłówek 2[/th][th]nagłówek 3[/th][/tr]
    [tr][td]kolumna 1 wiersz 1[/td][td]kolumna 2 wiersz 1[/td][td]kolumna 3 wiersz 1[/td][/tr]
    [tr][td]kolumna 1 wiersz 2[/td][td]kolumna 2 wiersz 2[/td][td]kolumna 3 wiersz 2[/tr]
    [tr][td]kolumna 1 wiersz 3[/td][td]kolumna 2 wiersz 3[/td][td]kolumna 3 wiersz 3[/tr][/table]

    
    Gdzie konkretne znaki kodu oznaczają następująco:
    • tworzenie tabeli

      Kod: Zaznacz cały

      [table][/table]

    • tworzenie wiersza tabeli

      Kod: Zaznacz cały

      [tr][/tr]

    • tworzenie nagłówka tabeli

      Kod: Zaznacz cały

      [th][/th]

    • tworzenie kolumny tabeli

      Kod: Zaznacz cały

      [td][/td]

      
      Co ciekawe, z użyciem standardowych, opisanych wyżej kodów, możliwa jest zmiana zarówno wielkości liter obecnego w tabeli tekstu, jak i jego czcionki, koloru, czy stylu. Dodatkowo taki tekst można poddać preformatowaniu.