BitCell

Your IT power source

Skip to content


Cum sa folositi BBcodes pe forum

Topic locked

Cum sa folositi BBcodes pe forum

Postby smith » 20 Jul 2011, 09:26

Am observat că multă lume nu folosește BBCodes. Mai ales când e vorba de COD într-un anumit limbaj de programare. În acest mini "tutorial" am sa vă prezint ce se poate folosi pe forum, deoarece unii poate nu sunt în clar!

Text bold, italic, underline


Acesta este un text bold.
Line number On/Off | Expand/Contract | Select all
  1. [b] TEXT [/b]

Acesta este un text cu italice
Line number On/Off | Expand/Contract | Select all
  1. [i] TEXT [/i]

Acesta este un text cu underline
Line number On/Off | Expand/Contract | Select all
  1. [u] TEXT [/u]

Strike-through


Acesta este un text peste care am tăiat.
Line number On/Off | Expand/Contract | Select all
  1. [s] TEXT [/s]

Sub și Super


Cea mai bună întrebuințare ale acestor taguri este pentru matematică (părere personală).
Ex:2533 + log34453
Eu le combin uneori si cu tagul pentru mărimea fontului (puterile scrise cu font mai mic; la fel și baza logaritmilor).
Line number On/Off | Expand/Contract | Select all
  1. [sub]TEXT[/sub]
  2. [super]TEXT[/super]

Mărime font


tiny
small
normal
large
huge
Line number On/Off | Expand/Contract | Select all
  1. [size=50]tiny[/size]
  2. [size=85]small[/size]
  3. [size=100]normal[/size]
  4. [size=150]large[/size]
  5. [size=200]huge[/size]

Culoare font


Aici vă ajută și interfața forumului când selectați culoarea.
Acesta este un text colorat.
Line number On/Off | Expand/Contract | Select all
  1. [color=#COD_CULOARE] TEXT [/color]
  2. [color=#FF0000] TEXT[/color]

Aliniere font


Text Centrat


Aliniat la stânga


Aliniat la dreapta


Line number On/Off | Expand/Contract | Select all
  1. [center]Text Centrat[/center]
  2. [left]Aliniat la stânga[/left] //default
  3. [right]Aliniat la dreapta[/right]

Mod font


Text normal:
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Text cu justify:
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Text preformatat:
Acesta este un text preformatat

Line number On/Off | Expand/Contract | Select all
  1. [justify] TEXT [/justify]
  2. [pre] TEXT [/pre]

Tip Font


Acest font este Times New Roman
Acest font este Lucida console
Acest font este Calibri
Line number On/Off | Expand/Contract | Select all
  1. [font=NUME_FONT] TEXT [/font]
  2. [font=Times New Roman]Acest font este Times New Roman[/font]
  3. [font=Lucida Console]Acest font este Lucida console[/font]
  4. [font=Calibri]Acest font este Calibri[/font]

Linie orizontală


Este doar o linie orizontală care poate ajuta atunci când vrem să delimităm ceva.
Ca și linia de sub acest text (și deasupra codului).

Line number On/Off | Expand/Contract | Select all
  1. [hr][/hr]

Lista neordonata

  • primul element din listă
  • al doilea element din listă
  • al treilea element din listă
  • nivel 1
  • nivel 1
    • nivel 2
  • nivel 1
    • nivel 2
      • nivel3
Line number On/Off | Expand/Contract | Select all
  1. [list]
  2. [*]text 1
  3. [*]text 2
  4. [*]text 3
  5. [/list]
  6.  
  7. //sau puteți să le scrieți toate pe o linie:
  8.  
  9. [list][*]text 1[*]text 2[*]text 3[/list]
  10.  
  11. //steluța se mai poate folosi și așa:
  12.  
  13. [list]
  14. [*]text 1[/*]
  15. [/list]
  16.  
  17. //Listele imbricate se formează astfel:   (spațiile nu sunt necesare - le-am pus doar pentru lizibilitate)
  18.  
  19. [list]
  20. [*]nivel 1
  21. [*]nivel 1
  22.       [list]
  23.       [*]nivel 2
  24.       [/list]
  25. [*]nivel 1
  26.       [list]
  27.       [*]nivel 2
  28.            [list]
  29.            [*]nivel 3
  30.            [/list]
  31.       [/list]
  32. [/list]

Lista ordonata


  1. primul element din listă
  2. al doilea element din listă
  3. al treilea element din listă
  1. primul element din listă
  2. al doilea element din listă
  3. al treilea element din listă
  1. nivel 1
    1. nivel 2
    2. nivel 2
      1. nivel 3
      2. nivel 3
Line number On/Off | Expand/Contract | Select all
  1. [list=1]//singura diferență între lista ordonată și cea neordonată
  2. [*]text 1
  3. [*]text 2
  4. [*]text 3
  5. [/list]
  6.  
  7. // SAU
  8.  
  9. [list=a]
  10. [*]text 1
  11. [*]text 2
  12. [/list
  13.  
  14. //SAU imbricate și mixte (spațiile nu sunt necesare - le-am pus doar pentru lizibilitate)
  15.  
  16. [list=1]
  17. [*] nivel 1
  18.            [list=1]
  19.            [*] nivel 2
  20.            [*] nivel 2
  21.                       [list=a]
  22.                       [*] nivel 3
  23.                       [*] nivel 3
  24.                       [/list]
  25.            [/list]
  26. [/list]

Imagini


Image
Line number On/Off | Expand/Contract | Select all
  1. [img]Link_către_imagine[/img]

Flash



Line number On/Off | Expand/Contract | Select all
  1. [flash=LAȚIME,ÎNĂLȚIME] LINK_CĂTRE_FIȘIER_.SWF [/flash]
  2. [flash=155,40]http://www.flashbuttons.com/ima/temp3.swf[/flash]

URL și Link


Aș vrea să vă rog să le folosiți într-o anumită manieră (pentru binele forumului). Aparent ele au aceași funcție doar că din punct vedere al SEO nu este același lucru. Astfel vă rog ca pentru linkuri interne (care sunt pe bitcell.info) să folosiți tagul LINK. Iar pentru linkuri externe să folosiți tagul URL.
http://www.bitcell.info -LINK
http://www.google.com - URL
Line number On/Off | Expand/Contract | Select all
  1. [link=ADRESA_UNDE_VREI_LINK] TEXT[/link]
  2. [link=http://www.bitcell.info]www.bitcell.info[/link]
  3.  
  4. [url]ADRESA_UNDE_VREI_LINK[/url]
  5. [url=ADRESA_UNDE_VREI_LINK] TEXT [/url]
  6. [url]http://www.google.com[/url]

Pentru poze cu link puteți folosi următoarea combinație de taguri URL și IMG:
Line number On/Off | Expand/Contract | Select all
  1. [url=ADRESA_UNDE_VREI_SA_LINKEZE_IMAGINEA] [img]ADRESA_UNDE_ESTE_HOSTATA_POZA[/img]  [/url]

Anchor și Goto


element1
element2
Primul link "sare" la element1 iar al doilea "sare" la element2.
Line number On/Off | Expand/Contract | Select all
  1. [anchor]NUME_ANCORĂ[/anchor] //ancora se pune pe rândul unde vreți să săriți.
  2. [goto=NUME_ANCORĂ] TEXT_PE_POST_DE_LINK [/goto]

Off-topic


Când sunteți conștienți că faceți off-topic dar vreți să fiți discreți, puteți să folosiți tagul off-topic.
Offtopic apăsați aici
Line number On/Off | Expand/Contract | Select all
  1. [off] TEXT [/off]

Let me google that for you




Line number On/Off | Expand/Contract | Select all
  1. [lmgtfy] TEXT [/lmgtfy]

Wiki link




Line number On/Off | Expand/Contract | Select all
  1. [wiki] CUVÂNT_CHEIE [/wiki]

Buton custom


Acest tag vă permite sa faceți butoane custom.
 

 
Line number On/Off | Expand/Contract | Select all
  1. [url_button]LINK_FIȘIER, LINK_IMAGINE_BUTON, TEXT_BUTON[/url_button]

Quotes


Îl folosim când vrem să cităm ceva sau pe cineva (de pe forum sau din afara forumului).
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
Line number On/Off | Expand/Contract | Select all
  1. [quote] TEXT [/quote]

Warning



!
Acesta este un warning!

Line number On/Off | Expand/Contract | Select all
  1. [warning] TEXT [/warning]

Legend


Text încadratLorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Line number On/Off | Expand/Contract | Select all
  1. [legend=TITLU] TEXT [/legend]

Cod Sursă


Iată câteva Hello World-uri în diferite limbaje:
C++:
Line number On/Off | Expand/Contract | Select all
  1. #include <iostream>
  2. int main()
  3. {
  4.    std::cout << "Hello, world!\n";
  5. }
Pascal:
Line number On/Off | Expand/Contract | Select all
  1. program HelloWorld;
  2. begin
  3.   writeln('Hello World');
  4. end.
PHP:
Line number On/Off | Expand/Contract | Select all
  1. <?php
  2.  Echo "Hello, World!";
  3.  ?>
JAVA:
Line number On/Off | Expand/Contract | Select all
  1. public class HelloWorld {
  2.    public static void main(String[] args) {
  3.        System.out.println("Hello world!");
  4.    }
  5. }
Python:
Line number On/Off | Expand/Contract | Select all
  1. print ("Hello, World!")
C#:
Line number On/Off | Expand/Contract | Select all
  1. public class Hello1
  2. {
  3.    public static void Main()
  4.    {
  5.       System.Console.WriteLine("Hello, World!");
  6.    }
  7. }

Iată cum trebuie să folosiți tagul CODE:
Line number On/Off | Expand/Contract | Select all
  1. [code=NUME_LIMBAJ] COD [/code]

Lista întreagă cu limbaje suportateabap, actionscript, ada, apache, applescript, asm, asp, autoit, bash, blitzbasic, bnf, c, c_mac, caddcl, cadlisp, cfdg, cfm, cpp, cpp-qt, csharp, css, css-gen.cfgd, delphi, diff, div, dos, dot, eiffel, fortran, freebasic, genero, gml, groovy, haskell, html, html4strict, idl, ini, inno, io, java, java5, javascript, js, latex, lisp, lua, m68k, matlab, mirc, mpasm, mysql, nsis, objc, ocaml, ocaml-brief, oobas, oracle8, pascal, per, perl, php, php-brief, plsql, python, qbasic, rails, reg, robots, ruby, sas, scheme, sdlbasic, smalltalk, smarty, sql, tcl, text, thinbasic, tsql, vb, vbnet, vhdl, visualfoxpro, winbatch, xml, xpp, xsl, z80.

Latex - formule matematice


Câteva exemple:







Codul pentru acest tag bbcode este următorul:

Line number On/Off | Expand/Contract | Select all
  1. [tex] CODUL_LATEX [/tex]

De exemplu:
Line number On/Off | Expand/Contract | Select all
  1. [tex]\large\sqrt{a^2+b^2}[/tex]

Tabele


Tabelele sunt cam complicate și nu prea am reușit să-mi dau seama ce face fiecare chestie.
titlu
123
456
789

Line number On/Off | Expand/Contract | Select all
  1. [corners=forumbg forumbg-table]
  2. [table=tablebg table1]
  3. [thead][tr=][th=3][center]titlu[/center][/th][/tr][/thead]
  4. [tbody]
  5. [tr=bg1][td=1,]1[/td][td=1,]2[/td][td=1,]3[/td][/tr]
  6. [tr=bg2][td=1,]4[/td][td=1,]5[/td][td=1,]6[/td][/tr]
  7. [tr=bg2][td=1,]7[/td][td=1,]8[/td][td=1,]9[/td][/tr]
  8. [/tbody]
  9. [/table]
  10. [/corners]

ATENȚIE !!! pentru ca tabelul să fie generat cum trebuie, nu trebuie să existe spații în cod. Exemplu: codul de mai sus ar arăta așa:
Line number On/Off | Expand/Contract | Select all
  1. [corners=forumbg forumbg-table][table=tablebg table1][thead][tr=][th=3][center]titlu[/center][/th][/tr][/thead][tbody][tr=bg1][td=1,]1[/td][td=1,]2[/td][td=1,]3[/td][/tr][tr=bg2][td=1,]4[/td][td=1,]5[/td][td=1,]6[/td][/tr][tr=bg2][td=1,]7[/td][td=1,]8[/td][td=1,]9[/td][/tr][/tbody][/table][/corners]

Din câte am testat am cam aflat ce fac următoarele argumente:
Argumentul tagului table poate fi tablebg table1 sau tablebg table2. Al doilea reprezintă un model mai restrâns de tabel.

Argumentul tr (table-row, adica un rând nou) poate avea argumente bg1, bg2, bg3 etc. în funcție de ce culoare de fundal vrem(mai deschis/mai închis). Dacă scriem "tr=" fără argument, atunci va forma o linie neagră, de obicei pentru un rând gol cu titlul tabelului.

Argumentul td (table-data, adica o celula într-un table row) poate avea ca argumente numere. Daca avem 3 td-uri într-un tr și toate au argumentul 1, atunci ele vor fi egal distribuite în acel rând.
Daca primul td, de exemplu, are argumentul 2 iar celelalte 2 au argumentul 1, prima celula va ocupa dublu față de restul( Ca și când rândul va fi împarțit în 4 bucați. Prima celula ocupa doua parți iar celelalte doua câte o parte fiecare.)

În rest, va las sa testați și voi. Presupun ca este suficient ce v-am prezentat aici.

Pdf preview


Iată un pdf-preview cu niște integrale:


Line number On/Off | Expand/Contract | Select all
  1. [pdfview] LINK_CĂTRE_LOCAȚIA_FIȘIERULUI_.PDF [/pdfview]

Embed youtube video




Line number On/Off | Expand/Contract | Select all
  1. //Pentru un video care are linkul http://www.youtube.com/watch?v=fY-XxOuS-M0 vom folosi doar ultima parte,adică "fY-XxOuS-M0" (tot ce este după egal; să obtineți linkul corect trebuie să vă uitați la share)
  2. [youtube]fY-XxOuS-M0[/youtube]

Embed google video




Line number On/Off | Expand/Contract | Select all
  1. //Pentru un link ca  http://video.google.com/videoplay?docid=-3478907067117491758# vom folosi doar parametrul de la docid, adică 3478907067117491758. (să obtineți linkul corect trebuie să vă uitați la embed).
  2. [googlevideo]3478907067117491758[/googlevideo] 
7p / 1 votes
Ilea Cristian
User avatar
smith
Enum
 
Joined: 29 Dec 2009
Location: Cluj-Napoca
Status: 82
Topic locked

Return to Reguli

Who is online

Users browsing this forum: No registered users and 0 guests


Powered by phpBB © phpBB Group
cron