Forum Dragon Ball Nao
» Przewodnik BBCode

Przewodnik BBCode

Wprowadzenie
Czym jest BBCode?

Formatowanie tekstu
Jak wpisać pogrubiony, pochylony lub podkreślony tekst?
Jak zmienić kolor lub rozmiar tekstu?
Czy mogę łączyć znaczniki formatujące?

Cytowanie i wpisywanie tekstu o stałej szerokości
Cytowanie tekstu w odpowiedziach
Wstawianie kodu lub danych o stałej szerokości

Tworzenie list
Tworzenie listy nieuporządkowanej
Tworzenie listy uporządkowanej

Tworzenie linków
Odnośniki do innych stron

Wstawianie obrazków do postów
Dodawanie obrazka do postu

Wprowadzenie

Czym jest BBCode?

BBCode jest specjalną implementacją HTMLa, a możliwość jego używania jest uzależniona od ustawień dokonanych przez Administratora (możesz także wyłączać go dla każdego postu osobno w formularzu wysyłania). Sam BBCode jest podobny stylowo do HTMLa, znaczniki są zawarte w nawiasach kwadratowych [ i ] a nie < i > oraz oferuje większą kontrolę nad tym co i jak będzie wyświetlane. Zależnie od szablonu, którego używasz możesz w bardzo łatwy sposób dodawać znaczniki BBCode do postów poprzez odpowiednie przyciski na stronie wysyłania postu. Mimo to ten przewodnik powinien być przydatny.

Formatowanie tekstu

Jak wpisać pogrubiony, pochylony lub podkreślony tekst?

BBCode zawiera znaczniki pozwalające na szybką zmianę podstawowego wyglądu tekstu. Można to uzyskać na poniższe sposoby:
  • Aby pogrubić jakiś tekst wstaw go pomiędzy [b][/b], np.

    [b]Cześć[/b]

    stanie się Cześć

  • Do podkreśleń użyj [u][/u], na przykład:

    [u]Dzień Dobry[/u]

    stanie się Dzień Dobry

  • Aby wpisać tekst kursywą użyj [i][/i], np.

    To jest [i]Świetne![/i]

    co zmieni się na To jest Świetne!

Jak zmienić kolor lub rozmiar tekstu?

Aby zmienić kolor lub rozmiar tekstu można użyć następujących znaczników. Pamiętaj, że to jaki będzie rezultat po wyświetleniu zależy od przeglądarki i systemu użytkownika:
  • Zmianę koloru tekstu można osiągnąć przez otoczenie go [color=][/color]. Możesz podać albo nazwę koloru (np. red, blue, yellow, itp.) lub szesnastkową wartość, np. #FFFFFF, #000000. Na przykład, aby stworzyć czerwony tekst możesz użyć

    [color=red]Cześć![/color]

    albo

    [color=#FF0000]Cześć![/color]

    oba wyświetlą te same Cześć!

  • Zmiana rozmiaru tekstu jest osiągana w podobny sposób uzywając [size=][/size]. Ten znacznik jest zależny od szablonu, którego używasz, ale rekomendowanym formatem jest numeryczna wartość reprezentująca rozmiar tekstu w pikselach, zaczynając od 1 (tak mały, że go nie widać) aż do 26 (bardzo duży). Na przykład:

    [size=9]MAŁY[/size]

    będzie generalnie MAŁY

    podczas gdy:

    [size=24]WIELKI![/size]

    będzie WIELKI!

Czy mogę łączyć znaczniki formatujące?

Tak, naturalnie że możesz, na przykład, aby zwrócić czyjąś uwagę możesz napisać:

[size=18][color=red][b]POPATRZ NA MNIE![/b][/color][/size]

co zmieni się w POPATRZ NA MNIE!

Nie radzimy jednak wpisywać dużych ilosci tekstu o takim wyglądzie! Pamiętaj, że od Ciebie zależy zachowanie poprawnej kolejności początkowych i końcowych znaczników. Na przykład poniższe nie jest prawidłowe:

[b][u]Tak jest źle[/b][/u]

Cytowanie i wpisywanie tekstu o stałej szerokości

Cytowanie tekstu w odpowiedziach

Są dwa sposoby na cytowanie tekstu, z podaniem źródła lub bez.
  • Kiedy wykorzystujesz funkcję cytowania odpowiadając na post na forum powinieneś zauważyć, że tekst jest dodawany do wiadomości otoczony blokiem [quote=""][/quote]. Ta metoda pozwala cytować z podaniem źródła czyli osoby lub czegokolwiek innego, co zechcesz podać. Na przykład aby zacytować kawałek tekstu napisanego przez Mr. Blobby możesz wpisać:

    [quote="Mr. Blobby"]Tekst Mr. Blobby zostanie wstawiony tutaj[/quote]

    Wynikiem czego będzie automatyczne dodanie "Mr. Blobby napisał:" przed właściwym tekstem. Pamiętaj, musisz wstawić znaki "" wokół nazwy źródła.

  • Druga metoda pozwala cytować coś nie podając źródła. Aby jej użyć wstaw tekst między znaczniki [quote][/quote]. Kiedy będziesz przeglądał wiadomości, zobaczysz po prostu słowo "cytat:" przed samym tekstem.

Wstawianie kodu lub danych o stałej szerokości

Jeśli chcesz wstawić kawałek kodu lub cokolwiek wymagającego stałej szerokości znaków, jak w czcionce Courier powinieneś zamknąć tekst wewnątrz znaczników [code][/code], np:

[code]echo "Trochę kodu";[/code]

Całe formatowanie użyte wewnątrz znaczników [code][/code] jest zachowywane przy przeglądaniu.

Tworzenie list

Tworzenie listy nieuporządkowanej

BBCode umożliwia wstawianie dwóch rodzajów list, nieuporządkowaną i uporządkowaną. Są w zasadzie takie same jak ich ekwiwalenty w HTML. Lista nieuporządkowana prezentuje kolejne pozycje jedna po drugiej, oznaczając je graficznymi znakami. Aby utworzyć listę nieuporządkowaną użyj znacznika [list][/list] i oznacz każdą pozycję używając [*]. Na przykład aby zrobić listę twoich ulubionych kolorów możesz użyć:

[list]
[*]Czerwony
[*]Niebieski
[*]Żółty
[/list]

Zmieni się to w listę:
  • Czerwony
  • Niebieski
  • Żółty

Tworzenie listy uporządkowanej

Drugi typ list, uporządkowany daje kontrolę nad tym, co jest wyświetlane przed każdym elementem. Aby utworzyć listę uporządkowaną użyj [list=1][/list] dla listy numerowanej lub alternatywnie [list=a][/list] dla listy alfabetycznej. Podobnie jak w liście nieuporządkowanej elementy są wyznaczane przez [*]. Na przykład

[list=1]
[*]Idź do sklepu
[*]Kup nowy komputer
[*]Przeklnij komputer kiedy się zawiesi
[/list]

co zamieni się w następujące:
  1. Idź do sklepu
  2. Kup nowy komputer
  3. Przeklnij komputer kiedy się zawiesi
Podczas gdy dla alfabetycznej listy użyłbyś:

[list=a]
[*]Pierwsza możliwa odpowiedź
[*]Druga możliwa odpowiedź
[*]Trzecia możliwa odpowiedź
[/list]

co da:
  1. Pierwsza możliwa odpowiedź
  2. Druga możliwa odpowiedź
  3. Trzecia możliwa odpowiedź

Tworzenie linków

Odnośniki do innych stron

BBCode umożliwia na różne sposoby tworzenie URI, Uniform Resource Indicators, znanych jako URLe.
  • Pierwsza wykorzystuje znacznik [url=][/url], cokolwiek wpiszesz po znaku = zostanie zmienione na cel odnośnika. Na przykład aby wstawić link do phpBB.com możesz użyć:

    [url=http://www.phpbb.com/]Odwiedź phpBB![/url]

    Co zmieni się w odnośnik Odwiedź phpBB!. Zauważ, że odnośnik otwiera się w nowym oknie, tak więc użytkownik może kontynuować forum jeśli chce.

  • Jeżeli chcesz, aby sam URL był wyświetlany jako link możesz to zrobić używając zwyczajnie:

    [url]http://www.phpbb.com/[/url]

    Co utworzy link http://www.phpbb.com/

  • Dodatkowo phpBB umożlwia wykorzystanie tzw. Magicznych linków, które zmieniają prawidłowo wpisany URL w odnośnik bez potrzeby dodawania jakichkolwiek znaczników lub nawet dopisywania na początku http://. Na przykład wpisanie www.phpbb.com w wiadomości zmieni się automatycznie w www.phpbb.com przy wyświetlaniu wiadomości.

  • Podobnie jest z adresami e-mail, możesz albo podać adres wyraźnie, np:

    [email][email protected][/email]

    co zamieni się na [email protected] albo wpisać jedynie [email protected] w wiadomości i zostanie to automatycznie zamienione podczas wyświetlania wiadomości.
Podobnie jak ze wszystkimi znacznikami BBCode możesz otaczać adresy URL jakimikolwiek innymi znacznikami, jak [img][/img] (zobacz kolejny punkt), [b][/b], itp. Jeśli chodzi o znaczniki formatujące, do Ciebie należy dbałość o poprawną kolejność otwierania i zamykania, na przykład:

[url=http://www.phpbb.com/][img]http://www.phpbb.com/images/phplogo.gif[/url][/img]

jest nieprawidłowe przez co Twój post może zostać usunięty.

Wstawianie obrazków do postów

Dodawanie obrazka do postu

BBCode zawiera znacznik umożliwiający wstawianie obrazków do postów (lub podpisów). Należy jednak pamiętać o dwóch istotnych rzeczach: wielu użytkowników nie lubi dużych ilości obrazków w postach oraz wstawiany obrazek musi być już dostępny w internecie (nie może na przykład istnieć tylko na Twoim komputerze, chyba że masz u siebie serwer). Nie ma możliwości przechowywania obrazków lokalnie wraz z phpBB. Aby wstawić obrazek musisz otoczyć jego adres URL znacznikami [img][/img]. Na przykład:

[img]http://www.phpbb.com/images/phplogo.gif[/img]

Jak zaznaczono w sekcji URL powyżej możesz otoczyć obrazek znacznikami [url][/url] jeśli chcesz, np.

[url=http://www.phpbb.com/][img]http://www.phpbb.com/images/phplogo.gif[/img][/url]

zmieni się w:


Przejdź do:  
DB NaoForum DB NaoAninoteAnimePhrasesDr. Slump
Powered by phpBB
Copyright © 2001-2024 DB Nao
Facebook