Tagi (lub BBCode) to rodzaj poleceń, za pomocą których jesteśmy w stanie formatować tekst w postach (pogrubienie, kursywa, przekreślenie, podkreślenie, etc)

Na początek warto wspomnieć, że poniższy poradnik jest stworzony pod rozbudowany edytor tekstu (aby wybrać rodzaj edytora wchodzimy do panelu kontrolnego -> ustawienia forum, po czym wybieramy rodzaj edytora (standardowy lub rozbudowany). Z korzystania z 'rozbudowanej' wersji edytora wynika kilka profitów, np. możliwość formatowania tekstu bezpośrednio przy pisaniu posta. Tekst możemy sformatować poprzez zaznaczenie danego tekstu i kliknięcie na odpowiednią ikonę.

W prawym dolnym rogu znajduje się przycisk BBCode, który wywołuje okno z instrukcją tagów (bezpośredni link).



Cześć panelu tagów pojawiających się nad postem.



1. Usuń formatowanie
Dzięki temu przyciskowi likwidujemy wszystkie 'modyfikacje' zaznaczonego tekstu (czyt. usuwa kolory, pogrubienie, kursywę etc przywracając danemu tekstowi jego pierwotną formę).

2. Pokaż źródło HTML
Opcja zamieniający wszystkie tagi w pierwotny kod HTML. Oprócz tego usuwa także wszelkie błędnie zapisane elementy HTML.

3. Wstaw specjalny obiekt
Opcja, której odpowiednik znajdziemy w panelu 'Skróty' po lewej stronie postu (podczas pisania). Umożliwia zastosowanie kilku różnych opcji formatowania tekst:

a) Center
Tag wywołujący okienko, w którym możemy wpisać tekst, który zostanie wyśrodkowany.




b ) Topic Link
W wywołanym oknie podajemy adres danego tematu i nazwę, którą będzie widoczna w poscie.

Instrukcja tagów



W miejsce xyz wpisujemy ID tematu, do którego będzie prowadził odnośnik. ID, możemy skopiować z końcówki widocznego w górnej części strony linku.



c) Post Link
J.w. dla postu.



W miejsce xyz wpisujemy ID postu, do którego będzie prowadził odnośnik. ID pozyskujemy klikając na znajdującą się w prawym górnym rogu postu cyfrę (oznaczającą numer postu w danym temacie) i kopiując ID z końca ukazującego się adresu.



d) Codebox
Wywołuje okienko, w którym możemy wpisać tekst, który pokaże się w ''kodowanym'' kwadracie. Szczególnie przydatny gdy chcemy zakodować większą ilość tekstu, ponieważ przy takowej włącza się pasek przewijania. Jeśli zaś tekst, który chcemy zakodować jest krótki polecam używać tagu ''code'' (którego opis znajdziecie niżej), gdyż zwarty w nim tekst nie będzie ''zawijany'' . Warto nadmienić, że w przeciwieństwie do tagu ''code'' tagi zamieszczone w codebox będą działały.





e) Spoiler
Tag służący do ukrycia danego tekstu.

Przykładowy tekst



f) Akronim
Wyświetla okno, w którym podajemy pełną nazwę jakiegoś wyrazu oraz jego skrót. Po umieszczeniu kursora myszy nad takowym będziemy mogli odczytać jego pełne znaczenie.

Przykład - lol



W miejsce xyz wpisujemy pełną nazwę skrótu.

4. Czcionki
Wybór rodzaju czcionki (spośród 19 różnych).

Przykładowy tekst
Przykładowy tekst
Przykładowy tekst



W miejsce xyz wpisujemy nazwę pożądanej czcionki.

5. Rozmiar
Zgodnie z nazwą zmienia wielkość danego tekstu.

Przykładowy tekst



W miejsce xyz wpisujemy pożądaną (od 1 do 7) wielkość czcionki.

6. Kolor
wywołuje okno z paletą kolorów, dzięki której możemy zmienić kolor tekstu.

Przykładowy tekst
Przykładowy tekst
Przykładowy tekst



W miejsce xyz wpisujemy nazwę pożądanego koloru.

7. Pogrubienie
Pogrubia wybrany tekst.

Przykładowy tekst



8. Kursywa
'Przechylenie' wybranego tekstu.

Przykładowy tekst



9. Podkreślenie
Podkreśla wybrany tekst.

Przykładowy tekst



10. Pod tym przyciskiem znajduje się kilka opcji formatu: indeks górny i dolny oraz przekreślenie tekstu.

Indeks dolny - _{Przykładowy tekst}
Indeks górny - ^{Przykładowy tekst}

Przekreślenie - Przykładowy tekst



11. Wstawienie emotki
Nazwa mówi sama za siebie. Owa opcja umożliwia wstawienie do postu wybranej buźki.

Przykładowe emotki -

12. Wstaw link
Opcja, dzięki której możemy wstawić tekst, którego kliknięcie przenosi nas na wybraną stronę. W pierwszym wyświetlającym się oknie podajemy link do strony, a w następny nazwę, która ma pojawić w poscie.

Przykład - Forum Actionum



W miejsce xyz wpisujemy adres strony, do której prowadzić ma odnośnik.

13. Wstaw obrazek
Opcja wstawiania grafiki do postu. W wyświetlającym się oknie podajemy link do danego obrazka, który pojawia się w naszym poscie. Pamiętajmy, że nie należy umieszczać w tym tagu dużych grafik; takowe zamieszczamy w formie miniatury.


Przykład -




W miejsce xyz wpisujemy adres obrazka.

Uwaga! Istnieje także możliwość umieszczania na forum obrazków znajdujących się bezpośrednio na naszym komputerze (które automatycznie będą wyświetlały się w postaci miniatury). Zainteresowanych odsyłam tu.

14. Wstawi Email
W pierwszym wyświetlającym się oknie podajemy dany email, a w drugim nazwę, która pojawi się w poscie.

Przykład - Action Redaction



W miejsce xyz wpisujemy adres emailu.

15. Tag 'quote'
W tym tagu umieszczamy cytat, do których chcemy się odnieś w poscie. W tagu 'quote' działają inne tagi.





16. Tag 'code'
Umieszcza wybrany tekst w formie kodu - tagi umieszczone w code nie są traktowane jako tagi tylko jako zwykły nieformatowany tekst (czyt. w obrębie działania tego tagu nie działają żadne inne tagi).





Drugi część panelu (podzieliłem je ze względu na wygodę).


1&2. Cofnij/Ponów
Opcje umożliwiające cofnięcie i ponowienie operacji wykonanej w poscie. Szczególnie przydatne w sytuacji, kiedy np. przez przypadek skasuje się napisany tekst.

3. Pomniejsz/Powiększ
Pomniejszenie/powiększenie pola przeznaczonego na treść postu.

4. Przełącz miedzy standardowym i rozbudowanym edytorem tekstu
Przełączenie się pomiędzy rozbudowanym i standardowym edytorem tekstu.

5&6. Zewnątrz/Wewnątrz
Przesunięcie wybranego tekstu kolejno do zewnątrz lub do wewnątrz.

7, 8, 9. Wyrównanie
Wyrównanie tekstu do: lewej, środka, prawej.





10. Lista
Tworzy listę numerowaną - aby tag zaczął działać zaznaczamy dany tekst i klikamy na odpowiednią ikonę lub oznaczamy fragment tagiem (w zależności od rodzaju edytora).

1. Przykładowy tekst
2. Przykładowy tekst
3. Przykładowy tekst

11. Lista
Tworzy listę punktową - symbol [*] oznacza kolejne punkty listy, więc w zależności od jej rozmiarów i ich ilości, tyle trzeba ich powstawiać

• Przykładowy tekst
• Przykładowy tekst
• Przykładowy tekst

W tej część poradnika zamieściłem tagi, które nie znalazły się w panelu dostępnym przy pisaniu posta.

1. [blogmedia][/blogmedia]
Tag służący do umieszczania filmików z internetu na blogu. Wystarczy, że otagujesz link, a filmik będzie wyświetlany.

2.
Tag umożliwiający umieszczanie filmów z YouTube w postach.





Pomiędzy tagami yt umieszczamy ID filmu z YouTube:





Uwaga! Znajdujący się w helpie tag [youtube] nie działa. Zamiast niego używajcie ww. tagu.

3.
W miejsce xyz wpisujemy link do danego profilu, a tag automatycznie pogrubia otagowany tekst, zmienia kolor na czerwony i tworzy link do profilu.

Przykład - Murezor

4.

Tekst objęty działaniem powyższego tagu jest automatycznie przekształcany na kod html. Przykłady:

Przykładowy tekst



Ponad to koloruje składnię html:





5.

Tag umożliwiający przekierowywanie do konkretnych postów. W miejsce xyz wpisujemy numer globalny postu (którego sposób pozyskiwania wyjaśniłem wyżej), a między tagami umieszczamy tekst, którego kliknięcie przeniesie nas w pożądane miejsce (niestety obejmuje swym działaniem tylko jedną stronę).

Surl dla pierwszego postu w tym temacie:

Przykładowy tekst



6.

Tag kolorujący składnię sql.






7.

Kolejny tag wykorzystujący ID postu; po umieszczeniu tegoż między rzeczonymi tagami tworzy niewielką ikonkę, której kliknięcie zaowocuje przeniesieniem do danego postu.

Przykłady:





8.

Tag umożliwiający stworzenie 'odsyłacza' do danego blogu. W miejsce xyz wpisujemy ID blogu (pozyskujemy je z końcówki adresu URL blogu).

Przykładowy tekst