AcasaPortalFAQCautareMembriGrupuriInregistrareConectare

Ghid pentru BBCode





Introducere
Ce este BBCode-ul?

Formatarea textului
Cum se creaza text ingrosat, cursiv si subliniat
Cum se schimba culoarea, dimensiunea sau caracterele textului
Pot combina tag-urile de formatare?

Citate si text monospace (cu dimensiune fixa)
Citate in raspunsuri
Cod sau caracter monospace (cu dimensiune fixa)

Generarea listelor
Crearea unei liste neordonate
Crearea unei liste ordonate

Crearea link-urilor
Link-uri catre alte site-uri

Afiºarea imaginilor în mesaje
Adaugarea unei imagini intr-un mesaj
Pozitionarea textului

Insertie de videouri in mesaje
Adauga o animatie flash la un mesaj
Adauga un video la un mesaj
-
Creeaza un tablou intr-un mesaj
-
Fa ca mesajul sa defileze orizontal
Fa ca mesajul sa defileze vertical
-
Introducerea unui rand
Afisarea in indice sau exponent
BBCode de efecte
-
Obtinerea unui numar aleatoriu

 


Sus

Sus

Introducere
Ce este BBCode-ul?
BBCode-ul este o implementare speciala a HTML-ului. Daca puteti folosi BBCode-ul sau nu în mesajele dvs. este alegerea administratorului. In plus, puteti dezactiva BBCode-ul de la mesaj in momentul compunerii sale. BBCode-ul este similar cu stilul HTML-ul, tag-urile sunt scrise intre paranteze patrate [ si ] in locul < si > si ofera un control mai bun asupra a ce si cum este afisat. In functie de modelul de document folosit, puteti adauga usor BBCode la mesajele dvs. cu ajutorul unei interfete de butoane situata deasupra zonei de text, in momentul compunerii mesajului. Chiar si asa probabil ca veti gasi acest ghid folositor.
Sus

Formatarea textului
Cum se creaza text ingrosat, cursiv si subliniat
Codul BBCode-ul include tag-uri care va permit sa schimbati rapid stilul textului dvs. Acest lucru poate fi obtinut în urmatoarele moduri:
  • Pentru a face o parte de text ingrosata :
    Cod:
     [b]Salut[/b]
    Rezultat: Salut

  • Pentru a sublinia un text:
    Cod:
     [u]Buna ziua[/u]
    Rezultat: Buna ziua

  • Pentru a pune un text in cursiv:
    Cod:
    [i]Super![/i]
    Rezultat: Super!

  • Pentru a bara un text:
    Cod:
     [strike]test[/strike]
    Rezultat: test
Sus
Cum se schimba culoarea, dimensiunea sau caracterele textului
Pentru a schimba culoarea, dimensiunea sau caracterele textului dvs. urmatoarele tag-uri pot fi utilizate (tineti minte ca totul depinde de navigatorul dvs. de internet (broweser-ul) si de sistemul de exploatare:
  • Pentru a schimba culoarea textului dvs. puteti specifica fie o culoare cunoscuta (ex: red, blue, yellow, etc.), sau un cod de culoare hexadecimal (ex: #FFFFFF, #000000):
    Cod:
    [color=red]Culoarea rosu (red)[/color] sau [color=#FF0000]Culoarea rosu (#FF0000)[/color]
    Rezultat: Culoarea rosu (red) sau Culoarea rosu (#FF0000)

  • Pentru a schimba dimensiunea textului in pixeli, de la 1 (atat de mic incat nici nu-l vedeti) pana la 29 (foarte mare):
    Cod:
    [size=9]MIC[/size] sau [size=24]ENORM[/size]
    Rezultat: MIC sau ENORM

  • Pentru a schimba caracterele, trebuie sa specificati un caracter cunoscut (ex: Verdana, Arial) daca utilizatorul nu dispune de acest caracter, ii va fi afisat unul din origine:
    Cod:
    [font=Arial]Caracter Arial[/font] sau [font=Comic Sans Ms]Caracter Comic Sans Ms[/font]
    Rezultat: Caracter Arial sau Caracter Comic Sans Ms
Sus
Pot combina tag-urile de formatare?
Desigur. Spre exemplu, pentru a atrage atentia cuiva, ati putea scrie
Cod:
[size=18][color=red][b]PRIVESTE-MA ![/b][/color][/size]
si rezultatul va fi :PRIVESTE-MA !

Totusi nu va recomandam sa scrieti multe texte ca cele de mai sus!Amintiti-va ca dvs. trebuie sa va asigurati ca tag-urile sunt inchise corect. De exemplu, ceea ce urmeaza este incorect:
Cod:
[b][u]Este incorect[/b][/u]
Forma care trebuie este:
Cod:
[b][u]Este corect[/u][/b]
Sus

Citate si text monospace (cu dimensiune fixa)
Citate in raspunsuri
Exista doua metode de a cita un un text, cu sau fara referinta.
  • Exemplul referintei, pentru a cita un text scris de Ionescu trebuie sa introduceti:
    Cod:
    [quote="Ionescu"]Textul scris de Ionescu va fi plasat aici[/quote]
    Rezultat : [quote="Ionescu"]Textul scris de Ionescu va trebui plasat aici[/quote]
    Amintiti-va ca trebuie sa includeti ghilimele "" pentru referinta pe care o citati, acestea nu sunt optionale.

  • Metoda a doua va permite sa citati orice fara a face referinta la autor. Pentru a o utiliza :
    Cod:
    [quote]Citat fara referinta[/quote]
    Rezultat :
    Citat :
    Citat fara referinta
Sus
Cod sau caracter monospace (cu dimensiune fixa)
Daca doriti sa afisati linii de cod HTML (HTML sau altele) sau orice altceva ce necesita un caracter monospace (exemple un caracter "Courrier"), trebuie sa utilizati bbcode-ul urmator:
Cod:
[code]echo "Acesta este un cod";[/code]
Rezultat :
Cod:
echo "Acesta este un cod";

Este exact ceea ce noi folosim aici pentru a va arata toate bbcode-urile pe care le puteti utiliza.
Sus

Generarea listelor
Crearea unei liste neordonate
O lista neordonata produce o lista in care intrarile sunt unele sub altele, aliniate cu cate un punct.
  • Pentru a crea o lista neordonata, utilizati :
    Cod:
    [*]Rosu[*]Albastru[*]Galben[/list]
    Rezultat :
    • Rosu
    • Albastru
    • Galben

Sus
Crearea unei liste ordonate
Al doilea tip de lista, lista ordonata va ofera controlul asupra a ceea ce este afisat inaintea fiecarei intrari. Pentru a crea o lista ordonata, doua posibilitati va sunt oferite :
  • O lista numerotata :
    Cod:
    [list=1][*]Mergi la magazine[*]Cumpara un nou calculator[*]Tipa la calculator cand strica[/list]
    Rezultat :
    1. Mergi la magazine
    2. Cumpara un nou calculator
    3. Tipa la calculator cand se strica

  • O lista alfabetica :
    Cod:
    [list=a][*]Primul raspuns posibil[*]Al doilea raspuns posibil[*]Al treilea raspuns posibil[/list]
    Rezultat :
    1. Primul raspuns posibil
    2. Al doilea raspuns posibil
    3. Al treilea raspuns posibil
Sus

Crearea link-urilor
Link-uri catre alte site-uri
BBCode-ul ofera mai multe metode de creare a link-urilor, cunoscute mai bine ca URL-uri.
  • Prima metoda, de exemplu pentru a crea un link catre forumgratuit.ro trebuie sa utilizati :
    Cod:
    [url=http://www.forumgratuit.ro/]Vizitati forumgratuit.ro[/url]
    Rezultat: [url=http://www.forumgratuit.ro/]Vizitati forumgratuit.ro[/url].
    Veti vedea ca link-ul deschide o noua fereastra, utilizatorul poate deci sa parcurga forumurile daca isi doreste.

  • A doua metoda, daca doriti ca link-ul sa afiseze direct URL-ul :
    Cod:
    [url]http://www.forumgratuit.ro/[/url]
    Rezultat: [url]http://www.forumgratuit.ro/[/url]

  • A treia metoda, acest forum poseda o functionalitate numita 'Magic Links', aceasta va converti automat un URL intr-un link fara ca dvs. sa fi inserat un tag BBCode sau http://. De exemplu, tastind
    Cod:
    www.forumgratuit.ro
    in mesajul dvs., acesta va fi convertit automat in link: [url=http://www.forumgratuit.ro/]www.forumgratuit.ro[/url].
Sus

Afiºarea imaginilor în mesaje
Adaugarea unei imagini intr-un mesaj
BBCode-ul include un tag pentru a incorpora imagini la mesajele dvs. Doua lucruri foarte importante trebuie tinute minte cand se utilizeaza acest tag: multi utilizatori nu apreciaza deloc afisarea multor imagini intr-un mesaj si imaginea pe care doriti sa o afisati trebuie sa fie deja disponibila pe internet (nu poate exista doar pe calculatorul dvs. doar daca propriul dvs. calculator este un server de web). Puteti gazdui gratuit imaginile dvs. pe gratie site-urilor de gazduire de imagini cum ar fi [url=http://www.servimg.com/]www.servimg.com[/url].
Pentru a afisa o imagine, trebuie sa procedati in felul urmator:
Cod:
[img]http://illiweb.com/fa/i/forumgratuit.png[/img]
Rezultat :
.
Puteti pune o imagine intr-un link daca doriti (trebuie sa asigurati ca ordinea tag-urilor de deschidere si inchidere este deschis), de exemplu:
Cod:
[url=http://www.forumgratuit.ro/][img]http://illiweb.com/fa/i/forumgratuit.png[/img][/url]
Rezultat :
[url=http://www.forumgratuit.ro/][/url]
Sus
Pozitionarea textului
Patru posibilitati de pozitionare va sunt propuse :
  • Alinierea la stanga :
    Cod:
    [left]Rand aliniat la stanga[/left]
    Rezultat :
    Rand aliniat la stanga

  • Centrare :
    Cod:
    [center]Rand centrat[/center]
    Rezultat :
    Rand centrat

  • Aliniere la dreapta :
    Cod:
    [right] Rand aliniat la dreapta [/right]
    Rezultat :
    Rand aliniat la stanga

  • Aliniere completa :
    Cod:
    [justify]Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aliquam ac tortor eu dolor mollis malesuada. Nam arcu dui, cursus a, ullamcorper ut, fringilla nec, velit. Duis tempor arcu eu orci. Ut vehicula massa eu est. Sed ac odio. Integer dictum eros. Etiam facilisis sem non lacus. Donec volutpat ligula ac est. Aliquam erat volutpat. Pellentesque justo tellus, porta et, interdum et, consequat sit amet, eros.[/justify]
    Rezultat :
    Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aliquam ac tortor eu dolor mollis malesuada. Nam arcu dui, cursus a, ullamcorper ut, fringilla nec, velit. Duis tempor arcu eu orci. Ut vehicula massa eu est. Sed ac odio. Integer dictum eros. Etiam facilisis sem non lacus. Donec volutpat ligula ac est. Aliquam erat volutpat. Pellentesque justo tellus, porta et, interdum et, consequat sit amet, eros.

Sus

Insertie de videouri in mesaje
Adauga o animatie flash la un mesaj
Dispuneti de doua metode pentru a introduce o animatie flash in mesajul dvs..
  • Prima metoda, cu codul BBCode flash:
    Cod:
    [flash(200,40)]http://illiweb.com/fa/i/test_bbcode.swf[/flash]
    Rezultat :

  • A doua metoda cu BBCode embed-flash :
    Cod:
    [embed-flash(200,40)]http://illiweb.com/fa/i/test_bbcode.swf[/embed-flash]
    Rezultat :
Nu uitati sa indicati latimea apoi inaltimea animatiei flash intre parantezele tag-ului BBCode utilizat.
Sus
Adauga un video la un mesaj
Puteti posta in mesajul dvs. video-uri luate dintr-unul din urmatoarele doua site-uri:
  • Primul site este [url=http://youtube.com]Youtube[/url]. Trebuie sa copiati codul care se afla in campul Embed si sa continuati:
    Cod:
    [youtube]code - Embed[/youtube]

  • Al doilea site este [url=http://www.dailymotion.com]Dailymotion[/url]. Trebuie sa copiati codul care se gaseste in campul Lecteur Exportable si sa continuati:
    Cod:
    [dailymotion]code - lecteur Exportable[/dailymotion]
Nu uitati sa copiati codul intre cele doua tag-uri BBCode ce corespund site-ului gazda ales.
Sus
-
Creare tablouri
Sus
Creeaza un tablou intr-un mesaj
BBCode-ul pentru inserarea unui tabel intr-un mesaj este identic cu tag-urile utilizate in HTML. Pentru a crea un tabel, trebuie sa incepeti prin definirea unui tabel 'table', apoi ii introduceti un rand 'tr'. Acest rand poate contine una sau mai multe celule 'td' asa cum un tabel poate contine mai multe randuri 'tr'.
  • De exemplu, pentru a crea un tabel de doua randuri si trei coloane, trebuie sa procedati in felul urmator:
    Cod:
    [table] [tr][td] Rand 1 - Celula 1 [/td] [td] Rand 1 - Celula 2 [/td] [td] Rand 1 - Celula 3 [/td][/tr] [tr][td] Rand 2 - Celula 1 [/td] [td] Rand 2 - Celula 2 [/td] [td] Rand 2 - Celula 3 [/td][/tr][/table]
    Rezultat :
    Rand 1 - Celula 1 Rand 1 - Celula 2 Rand 1 - Celula 3
    Rand 2 - Celula 1 Rand 2 - Celula 2 Rand 2 - Celula 3

  • Puteti de asemenea adauga argumente in BBCode-l 'table'. Acestea sunt identice celor utilizate pentru HTML. Puteti de asemenea aduga un contur la tabelul de mai jos gratie attributului 'border'.
    Cod:
    [table border=1] [tr][td] Rand 1 - Celula 1 [/td] [td] Rand 1 - Celula 2 [/td] [td] Rand 1 - Celula 3 [/td][/tr] [tr][td] Rand 2 - Celula 1 [/td] [td] Rand 2 - Celula 2 [/td] [td] Rand 2 - Celula 3 [/td][/tr][/table]
    Rezultat :[table border=1] [tr][td] Rand 1 - Celula 1 [/td] [td] Rand 1 - Celula 2 [/td] [td] Rand 1 - Celula 3 [/td][/tr] [tr][td] Rand 2 - Celula 1 [/td] [td] Rand 2 - Celula 2 [/td] [td] Rand 2 - Celula 3 [/td][/tr][/table]
    Alte atribute disponibile sunt de exemplu: cellspacing, cellpadding, width, etc.
Tabelele sunt manipulate cu precautie, va rugam respectati deschiderea apoi inchiderea BBCode-urilor. Daca este comisa o eroare de deschidere sau inchidere, riscati sa nu obtineti rezultatul dorit.
Sus
-
Defilarea unui mesaj
Sus
Fa ca mesajul sa defileze orizontal
Daca doriti ca un text sa defileze orizontal, trebuie sa folositi BBcod-ul urmator:
Cod:
[scroll]Mesajul meu[/scroll]
Rezultat : Moesajul meu
Sus
Fa ca mesajul sa defileze vertical
Al doilea mod de a face ca un text sa defileze este defilarea verticala datorita BBcode-ului urmator:
Cod:
[updown] Mesajul meu [/updown]
Rezultat : Mesajul meu
Sus
-
BBCode de infatisare
Sus
Introducerea unui rand
Daca doriti ca mesajul dvs. sa fie aerisit, introducand randuri, puteti folosi acest BBcode :
Cod:
Primul meu mesaj[hr]Al doilea mesaj
Rezultat :
Primul meu mesaj Al doilea mesaj

Sus
Afisarea in indice sau exponent
Daca doriti sa puneti un text ca indice sau exponent (util pentru calcule), doua BBcode-uri va sunt propuse :
  • Prima metoda, pentru a pune ca indice:
    Cod:
    x[sub]a+b[/sub]
    Rezultat : x

  • A doua metoda, pentru a pune ca exponent :
    Cod:
    2[sup]ème[/sup] jour
    Rezultat : 2ème jour

Sus
BBCode de efecte
Patru BBCode-uri producand efecte asupra mesajelor sunt la dispozitia dvs. Totusi, aceste BBcode-uri nu sunt compatibile decat in Internet Explorer cu un forum in versiune phpBB2.
  • Primul reprezinta un efect oglinda vertical (simetrie verticala) asupra textului :
    Cod:
    [flipv]Efect oglinda vertical[/flipv]
    Rezultat : Efect oglinda vertical 

  • Al doilea este un efect oglinda orizontal (simetrie orizontala) asupra mesajului :
    Cod:
    [fliph]Efect oglinda orizontal[/fliph]
    Rezultat : Efect oglinda orizontal 

  • Daca doriti un efect tulbure asupra mesajului, puteti utiliza acest BBcode :
    Cod:
    [blur]Mesaj tulbure[/blur]
    Rezultat : Mesaj tulbure

  • Ultimul BBcode de efect este cel de degradé sub forma de :
    Cod:
    [fade]Efect de dégradé[/fade]
    Rezultat : Efect de dégradé
Sus
-
BBCode-uri diverse
Sus
Obtinerea unui numar aleatoriu
Daca doriti sa obtineti un numar aleatoriu dupa in interval, puteti utiliza BBcode-ul urmator:
  • Primul caz de utilizare, intervalul este specificat la minim si maxim:
    Cod:
    [rand]50,100[/rand]
    Rezultat :
    Numar aleatoriu (50,100) :
    100


  • Al doilea caz de utilizare, intervalul este specificat la maximum:
    Cod:
    [rand]50[/rand]
    Rezultat:
    Numar aleatoriu (1,50) :
    19
Sus

Mergi direct la:  
Forumgratuit.ro | © phpBB | Forum gratuit de suport | Contact | Semnaleaza un abuz | Creeaza un blog