Jesteś tutaj
compose tips
Formaty tekstów
Uproszczony HTML
BBCode Guide
BBCode allows you to specify formatting rules for your text, even if you are not allowed to use HTML in your posts. BBCode originated from the forum software named PHPBB, and this site has a special implementation of it.
In BBCode terms, you use "tags" to add formatting to your text. Every tag is enclosed in [ and ] brackets. If you want to mark some region in your text, you need to use an opening tag and a closing tag. Closing tags start with [/, as you will see in the examples below. If you mistype a tag or forget to close it, you will not get the desired formatting.
Simple text formatting
BBCode allows you to make some parts of your texts stand out from the context by adding [b]old, [i]talic, [u]nderlined and [s]trikeout formatting to them. The [color], [size] and [font] tags allow you to change the color, size and font of portions of the text you enclose with these tags. Both require a parameter (which colour, how big, what font) that is suffixed to the name of the tag by an equals sign (example below). You should not repeat the parameter in the closing tag!
You can specify any recognized color name (red, blue, green, white, etc.) or a hexadecimal color value (#CDCDCD, #FFFFFF, etc.) as the parameter of a [color] tag. The [size] tag allows you to set the font size between 6 and 48, 6 being the smallest size. Note that using very large text is considered by many to be annoying, and it is seldom a good idea to try to attract more attention to your post in this way. The [font] tag can be set to any valid font face, such as Arial, Arial Black, Courier, Courier New, Helvetica, Impact, Times New Roman, Verdana, etc.
usage display I [b]need to do[/b] this by the weekend I need to do this by the weekend John said that [i]we should[/i] ask her John said that we should ask her I [u]would not like to[/u] offend you I would not like to offend you Let's correct this [s]mispelled[/s] misspelled word Let's correct this mispelledmisspelled wordJane was at [color=blue]the coast[/color] Jane was at the coast Joe was in [color=#FF0000]the forest[/color] Joe was in the forest You said: [size=30]HEY![/size] You said: HEY! She said: [font=Courier]What?[/font] She said: What? Creating Headings
Headings are an important part of articles.
You can use tags [h1] to [h6] to format headings corresponding to HTML's <h1> to <h6>
Examples:[h1]Level 1 Heading[/h1] Level 1 Heading
[h2]Level 2 Heading[/h2] Level 2 Heading
[h3]Level 3 Heading[/h3] Level 3 Heading
[h4]Level 4 Heading[/h4] Level 4 Heading
[h5]Level 5 Heading[/h5] Level 5 Heading
[h6]Level 6 Heading[/h6] Level 6 Heading
Creating links
You have multiple options to specify links to other destinations in your posts.
URLs (Uniform Resource Locators) starting with "www" or "ftp" (eg. www.example.com) are automatically recognized and replaced with links. You can also use the [url] tag with a parameter to specify a link with meaningful text to click on. If you use the url tag without the parameter, the enclosed text is assumed to be a URL, and a link is created to that destination.
Email addresses in posts are also automatically converted to email links. For compatibility with common BBCode implementations, an [email] tag is provided.
usage display For more examples, visit www.example.com For more examples, visit www.example.com For more examples, visit http://example.com For more examples, visit http://example.com If you have questions ask me at joe@example.com If you have questions ask me at joe@example.com If you have questions ask me at [email]joe@example.com[/email] If you have questions ask me at joe@example.com We use [url=http://example.com/]the example site[/url] in these examples We use the example site in these examples We use [url]http://example.com/[/url] in these examples We use http://example.com/ in these examples Anchors
Many times, you want to refer to a particular part of text from some another part. Using anchors this is possible.
To use anchors, use [anchor=name]TEXT[/anchor] To refer this at another place, use [url=#name]My old referenece[/url] The name must be same at both places.
Displaying images
The [img] tag allows you to display an image in your post. You need to specify a URL to the image, so it needs to be accessible somewhere on the internet. Beware of adding very large images to your text, or the page will load very slowly!
If you enclose a URL in an [img] tag, then it will be replaced with code to display the image. For example
A good screenshot: [img]http://example.com/screenshot.png[/img]will show you the screenshot (if it exists).You can also specify the desired display dimensions of the image by adding a dimension parameter to the [img] tag.
A good screenshot: [img=640x480]http://example.com/screenshot.png[/img]will display the image in 640x480 (though the full image will be downloaded). Do not use this to show a thumbnail of an image!You are free to link an image to an external destination by enclosing the [img] tag with a [url] tag:
See [url=http://example.com][img]http://example.com/screenshot.png[/img][/url].Google, Wikipedia and Youtube
To refer to Google and Wikipedia use this:
[google]The search query[/google], this will output search query as a link http://www.google.com/search?q=The+search+query
[wikipedia]Wiki Page[/wikipedia], this will output a link as http://http://www.wikipedia.org/wiki/Wiki Page
To embed Youtube videos, use this:
[youtube]Video Code i.e. the string that appears after v= in http://www.youtube.com/watch?v=[/youtube], this will embed the videoAbbreviations and Acronyms
Using the [abbr] and [acronym] tags, you can create abbreviations and acronyms.
[abbr=full expansion]shortname as displayed[/abbr]
[acronym=full expansion]shortname as displayed[/acronym]
Tables
Some formatting using tables can be done as below:
The table code for rows, columns and heads must be enclosed between [table] and [/table] Rows can be specified using [row], [r] or [tr]. Just enclose the text between the tag.
You can also specify the row's background color using the color property of the tag i.e. [row color=#FFFFFF]. It should be in hexadecimal form, the default format for HTML colors.Columns can be specified by enclosing the text between [col], [c] or [td] Column headings (th tag) can be specified by enclosing the head text between [header], [head] or [h]. Ordered and unordered lists and indentation
The simplest list type is the unordered list, which means that there is no numbering applied to the elements. You can make such a list by enclosing the list elements in [list] opening and closing tags. Specify the start of one element with the [*] list element marker, which has no closing tag pair.
To create an ordered list, you should add a parameter to the [list] list tag specifying what type of ordered list you would like to see. The possible parameters are "i", "I", "1", "a", "A", "c", "d" and "s" which all correspond to the display of the first list element.
To indent some text, you need to follow this syntax - [indent]TEXT[/indent]. You can use nested indentation to show various indentation levels. [indent]TEXT1
[indent]TEXT2[/indent]
[/indent]usage display I love [list] [*]Oranges [*]Apples [*]Bananas [/list]
I love - Oranges
- Apples
- Bananas
I love [list=I] [*]Oranges [*]Apples [*]Bananas [/list]
I love - Oranges
- Apples
- Bananas
I love [list=1] [*]Oranges [*]Apples [*]Bananas [/list]
I love - Oranges
- Apples
- Bananas
I love [indent]computing [indent]and I am a geek[/indent] [/indent]
I love computingand I am a geekFixed-width text and block formatting
You can use the [code] tag to add an inline fixed-width formatted part or to add a block of (usually program) code. If there is any newline present between the opening and closing tags, then a block will be displayed.
Similarly, the [php] tag can be used to post PHP code. PHP code will automatically be syntax highlighted for easier readability.
usage display Edit your [code]robots.txt[/code] file Edit your robots.txtfileAn HTML title example:
[code]
<head>
<title>Page Title</title>
</head>
[/code]An HTML title example:
<head>
<title>Page Title</title>
</head>
Some PHP code:
[php]
<?php
function hello()
{
echo "Hello World!";
}
?>
[/php]Some PHP code:
<?php
function hello()
{
echo "Hello World!";
}
?>Text and block alignment
You can also set the alignment of the text by using [left], [right] and [center] tags. The [float] tag can be used to place floating boxes in the text (especially handy for images). You can specify the direction of the floating with [float=left] and [float=right]. The [justify] tag can be used justify text on both sides of the page.
Other supported tags
It is possible to quote something that has already been posted, by just putting [quote][/quote] tags around it. To quote a specific person, use something like [quote=John]. Quote tags can be nested.
The [sub] and [sup] tags can be used to add subscript and superscript text. For example, H[sub]2[/sub]O gives H2O, while X[sup]3[/sup] gives X3.
The [acronym] tag allow you to identify text as an acronym and provide a description when users move their mouse over the tag. For example, [acronym=Structured Query Language]SQL[/acronym] produces SQL.
The [abbr] tag allow you to identify text as an abbreviation and provide a description when users move their mouse over the tag. For example, [abbr=World Wide Web]WWW[/abbr] produces WWW.
The [notag] tags prevent text inside the tags from being parsed. This allows you to give examples of BBcode and not have it converted to HTML. For example: [notag]These [b]tags[/b] are not rendered[/notag] will produce "These [b]tags[/b] are not rendered".
The [hr] tag draws a horizontal line across the page. Handy for separating chunks of text.
Using multiple formatting tags
You can apply more than one formatting specification to a portion of some text.
I was at [b][i]the coast[/i][/b]will be rendered asI was at the coast.Make sure that you take care of the proper order of the opening and closing tags. You should close the tags in the opposite order in which you opened them. Otherwise you might get very strange rendering results. Also check your post with the preview function before submitting it, in case there are formatting errors due to improper BBCode usage.
Dozwolone znaczniki HTML: <a> <p> <span> <div> <h1> <h2> <h3> <h4> <h5> <h6> <img> <map> <area> <hr> <br> <br /> <ul> <ol> <li> <dl> <dt> <dd> <table> <tr> <td> <em> <b> <u> <i> <strong> <font> <del> <ins> <sub> <sup> <quote> <blockquote> <pre> <address> <code> <cite> <embed> <object> <param> <strike> <caption>
Ten serwis pozwala na wprowadzanie zawartości w formacie HTML. Nauka tego języka może wydawać się skomplikowana, ale korzystanie z ograniczonego zestawu znaczników jest bardzo proste. Poniższa tabela pokazuje przykłady użycia każdego ze znaczników jaki jest dozwolony w serwisie.
Dla uzyskania dalszych informacji należy przejrzeć specyfikację HTML na stronach organizacji W3C lub użyć wybranej wyszukiwarki w celu odszukania stron, na których objaśniono zasady korzystania z języka HTML.
Opis znacznika Wpisuje się Otrzymuje się Znaczniki zwane kotwicami służą do tworzenia odnośników do innych stron. <a href="http://kuling.pl">kuling.pl</a>kuling.pl Domyślnie znaczniki akapitu dodawane są automatycznie, więc z takich znaczników należy korzystać tylko do wprowadzenia dodatkowych akapitów. <p>Akapit pierwszy.</p> <p>Akapit drugi.</p>Akapit pierwszy.
Akapit drugi.
Brak objaśnienia dla znacznika span. Brak objaśnienia dla znacznika div. Nagłówek <h1>Tytuł</h1>Tytuł
Nagłówek <h2>Podtytuł</h2>Podtytuł
Nagłówek <h3>Podtytuł trzeciego stopnia</h3>Podtytuł trzeciego stopnia
Nagłówek <h4>Podtytuł czwartego stopnia</h4>Podtytuł czwartego stopnia
Nagłówek <h5>Podtytuł piątego stopnia</h5>Podtytuł piątego stopnia
Nagłówek <h6>Podtytuł szóstego stopnia</h6>Podtytuł szóstego stopnia
Brak objaśnienia dla znacznika img. Brak objaśnienia dla znacznika map. Brak objaśnienia dla znacznika area. Brak objaśnienia dla znacznika hr. Domyślnie znaczniki nowych linii wstawiane są automatycznie, więc z takich znaczników należy korzystać tylko do wprowadzenia dodatkowych odstępów. Znacznik nowej linii różni się od innych, ponieważ nie występuje w dwóch wariantach (otwierającym i zamykającym). By być w zgodzie ze standardem XHTML 1.0, należy postawić znak " /" wewnątrz znacznika. Tekst ze <br />znakiem końca liniiTekst ze
znakiem końca liniiDomyślnie znaczniki nowych linii wstawiane są automatycznie, więc z takich znaczników należy korzystać tylko do wprowadzenia dodatkowych odstępów. Znacznik nowej linii różni się od innych, ponieważ nie występuje w dwóch wariantach (otwierającym i zamykającym). By być w zgodzie ze standardem XHTML 1.0, należy postawić znak " /" wewnątrz znacznika. Tekst ze <br />znakiem końca liniiTekst ze
znakiem końca liniiLista punktorowana - znacznik <li> otwiera nowy element listy <ul> <li>Pierwszy element</li> <li>Drugi element</li> </ul>- Pierwszy element
- Drugi element
Lista numerowana - znacznik <li> otwiera nowy element listy <ol> <li>Pierwszy element</li> <li>Drugi element</li> </ol>- Pierwszy element
- Drugi element
Brak objaśnienia dla znacznika li. Listy definicji są podobne do innych list HTML. Znacznik <dl> otwiera listę, <dt> otwiera termin definicji, a <dd> otwiera samą definicję. <dl> <dt>Pierwszy termin</dt> <dd>Pierwsza definicja</dd> <dt>Drugi termin</dt> <dd>Druga definicja</dd> </dl>- Pierwszy termin
- Pierwsza definicja
- Drugi termin
- Druga definicja
Brak objaśnienia dla znacznika dt. Brak objaśnienia dla znacznika dd. Tabela <table> <tr><th>Nagłówek tabeli</th></tr> <tr><td>Komórka tabeli</td></tr> </table>Nagłówek tabeli Komórka tabeli Brak objaśnienia dla znacznika tr. Brak objaśnienia dla znacznika td. Zaakcentowanie <em>Zaakcentowanie</em>Zaakcentowanie Pogrubienie <b>Pogrubienie</b>Pogrubienie Podkreślenie <u>Podkreślenie</u>Podkreślenie Pochylenie <i>Pochylenie</i>Pochylenie Strong <strong>Strong</strong>Strong Brak objaśnienia dla znacznika font. Usunięty <del>Usunięty</del>UsuniętyWklejony <ins>Wklejony</ins>Wklejony Indeks dolny Indeks <sub>dolny</sub>Indeks dolny Indeks górny Indeks <sup>górny</sup>Indeks górny Brak objaśnienia dla znacznika quote. Cytat blokowy <blockquote>Cytat blokowy</blockquote>Cytat blokowy
Preformatowany <pre>Preformatowany</pre>Preformatowany
Brak objaśnienia dla znacznika address. Tekst zawierający kod programu <code>Kod</code>KodCytat <cite>Cytat</cite>Cytat Brak objaśnienia dla znacznika embed. Brak objaśnienia dla znacznika object. Brak objaśnienia dla znacznika param. Brak objaśnienia dla znacznika strike. Brak objaśnienia dla znacznika caption. Większość nietypowych znaków może być wprowadzona bezpośrednio bez żadnych problemów.
Jeśli podczas wprowadzania treści pojawią się problemy należy wypróbować encje HTML. Przykładowa encja to & dla znaku &. Pełna lista encji HTML jest umieszczona na tej stronie. Przykładowe znaki możliwe do uzyskania to:
Opis znaku Wpisuje się Otrzymuje się Znak ampersand && Większy niż >> Mniejszy niż << Cudzysłów "" - Adresy internetowe są automatycznie zamieniane w odnośniki, które można kliknąć.
Plain text
BBCode Guide
BBCode allows you to specify formatting rules for your text, even if you are not allowed to use HTML in your posts. BBCode originated from the forum software named PHPBB, and this site has a special implementation of it.
In BBCode terms, you use "tags" to add formatting to your text. Every tag is enclosed in [ and ] brackets. If you want to mark some region in your text, you need to use an opening tag and a closing tag. Closing tags start with [/, as you will see in the examples below. If you mistype a tag or forget to close it, you will not get the desired formatting.
Simple text formatting
BBCode allows you to make some parts of your texts stand out from the context by adding [b]old, [i]talic, [u]nderlined and [s]trikeout formatting to them. The [color], [size] and [font] tags allow you to change the color, size and font of portions of the text you enclose with these tags. Both require a parameter (which colour, how big, what font) that is suffixed to the name of the tag by an equals sign (example below). You should not repeat the parameter in the closing tag!
You can specify any recognized color name (red, blue, green, white, etc.) or a hexadecimal color value (#CDCDCD, #FFFFFF, etc.) as the parameter of a [color] tag. The [size] tag allows you to set the font size between 6 and 48, 6 being the smallest size. Note that using very large text is considered by many to be annoying, and it is seldom a good idea to try to attract more attention to your post in this way. The [font] tag can be set to any valid font face, such as Arial, Arial Black, Courier, Courier New, Helvetica, Impact, Times New Roman, Verdana, etc.
usage display I [b]need to do[/b] this by the weekend I need to do this by the weekend John said that [i]we should[/i] ask her John said that we should ask her I [u]would not like to[/u] offend you I would not like to offend you Let's correct this [s]mispelled[/s] misspelled word Let's correct this mispelledmisspelled wordJane was at [color=blue]the coast[/color] Jane was at the coast Joe was in [color=#FF0000]the forest[/color] Joe was in the forest You said: [size=30]HEY![/size] You said: HEY! She said: [font=Courier]What?[/font] She said: What? Creating Headings
Headings are an important part of articles.
You can use tags [h1] to [h6] to format headings corresponding to HTML's <h1> to <h6>
Examples:[h1]Level 1 Heading[/h1] Level 1 Heading
[h2]Level 2 Heading[/h2] Level 2 Heading
[h3]Level 3 Heading[/h3] Level 3 Heading
[h4]Level 4 Heading[/h4] Level 4 Heading
[h5]Level 5 Heading[/h5] Level 5 Heading
[h6]Level 6 Heading[/h6] Level 6 Heading
Creating links
You have multiple options to specify links to other destinations in your posts.
URLs (Uniform Resource Locators) starting with "www" or "ftp" (eg. www.example.com) are automatically recognized and replaced with links. You can also use the [url] tag with a parameter to specify a link with meaningful text to click on. If you use the url tag without the parameter, the enclosed text is assumed to be a URL, and a link is created to that destination.
Email addresses in posts are also automatically converted to email links. For compatibility with common BBCode implementations, an [email] tag is provided.
usage display For more examples, visit www.example.com For more examples, visit www.example.com For more examples, visit http://example.com For more examples, visit http://example.com If you have questions ask me at joe@example.com If you have questions ask me at joe@example.com If you have questions ask me at [email]joe@example.com[/email] If you have questions ask me at joe@example.com We use [url=http://example.com/]the example site[/url] in these examples We use the example site in these examples We use [url]http://example.com/[/url] in these examples We use http://example.com/ in these examples Anchors
Many times, you want to refer to a particular part of text from some another part. Using anchors this is possible.
To use anchors, use [anchor=name]TEXT[/anchor] To refer this at another place, use [url=#name]My old referenece[/url] The name must be same at both places.
Displaying images
The [img] tag allows you to display an image in your post. You need to specify a URL to the image, so it needs to be accessible somewhere on the internet. Beware of adding very large images to your text, or the page will load very slowly!
If you enclose a URL in an [img] tag, then it will be replaced with code to display the image. For example
A good screenshot: [img]http://example.com/screenshot.png[/img]will show you the screenshot (if it exists).You can also specify the desired display dimensions of the image by adding a dimension parameter to the [img] tag.
A good screenshot: [img=640x480]http://example.com/screenshot.png[/img]will display the image in 640x480 (though the full image will be downloaded). Do not use this to show a thumbnail of an image!You are free to link an image to an external destination by enclosing the [img] tag with a [url] tag:
See [url=http://example.com][img]http://example.com/screenshot.png[/img][/url].Google, Wikipedia and Youtube
To refer to Google and Wikipedia use this:
[google]The search query[/google], this will output search query as a link http://www.google.com/search?q=The+search+query
[wikipedia]Wiki Page[/wikipedia], this will output a link as http://http://www.wikipedia.org/wiki/Wiki Page
To embed Youtube videos, use this:
[youtube]Video Code i.e. the string that appears after v= in http://www.youtube.com/watch?v=[/youtube], this will embed the videoAbbreviations and Acronyms
Using the [abbr] and [acronym] tags, you can create abbreviations and acronyms.
[abbr=full expansion]shortname as displayed[/abbr]
[acronym=full expansion]shortname as displayed[/acronym]
Tables
Some formatting using tables can be done as below:
The table code for rows, columns and heads must be enclosed between [table] and [/table] Rows can be specified using [row], [r] or [tr]. Just enclose the text between the tag.
You can also specify the row's background color using the color property of the tag i.e. [row color=#FFFFFF]. It should be in hexadecimal form, the default format for HTML colors.Columns can be specified by enclosing the text between [col], [c] or [td] Column headings (th tag) can be specified by enclosing the head text between [header], [head] or [h]. Ordered and unordered lists and indentation
The simplest list type is the unordered list, which means that there is no numbering applied to the elements. You can make such a list by enclosing the list elements in [list] opening and closing tags. Specify the start of one element with the [*] list element marker, which has no closing tag pair.
To create an ordered list, you should add a parameter to the [list] list tag specifying what type of ordered list you would like to see. The possible parameters are "i", "I", "1", "a", "A", "c", "d" and "s" which all correspond to the display of the first list element.
To indent some text, you need to follow this syntax - [indent]TEXT[/indent]. You can use nested indentation to show various indentation levels. [indent]TEXT1
[indent]TEXT2[/indent]
[/indent]usage display I love [list] [*]Oranges [*]Apples [*]Bananas [/list]
I love - Oranges
- Apples
- Bananas
I love [list=I] [*]Oranges [*]Apples [*]Bananas [/list]
I love - Oranges
- Apples
- Bananas
I love [list=1] [*]Oranges [*]Apples [*]Bananas [/list]
I love - Oranges
- Apples
- Bananas
I love [indent]computing [indent]and I am a geek[/indent] [/indent]
I love computingand I am a geekFixed-width text and block formatting
You can use the [code] tag to add an inline fixed-width formatted part or to add a block of (usually program) code. If there is any newline present between the opening and closing tags, then a block will be displayed.
Similarly, the [php] tag can be used to post PHP code. PHP code will automatically be syntax highlighted for easier readability.
usage display Edit your [code]robots.txt[/code] file Edit your robots.txtfileAn HTML title example:
[code]
<head>
<title>Page Title</title>
</head>
[/code]An HTML title example:
<head>
<title>Page Title</title>
</head>
Some PHP code:
[php]
<?php
function hello()
{
echo "Hello World!";
}
?>
[/php]Some PHP code:
<?php
function hello()
{
echo "Hello World!";
}
?>Text and block alignment
You can also set the alignment of the text by using [left], [right] and [center] tags. The [float] tag can be used to place floating boxes in the text (especially handy for images). You can specify the direction of the floating with [float=left] and [float=right]. The [justify] tag can be used justify text on both sides of the page.
Other supported tags
It is possible to quote something that has already been posted, by just putting [quote][/quote] tags around it. To quote a specific person, use something like [quote=John]. Quote tags can be nested.
The [sub] and [sup] tags can be used to add subscript and superscript text. For example, H[sub]2[/sub]O gives H2O, while X[sup]3[/sup] gives X3.
The [acronym] tag allow you to identify text as an acronym and provide a description when users move their mouse over the tag. For example, [acronym=Structured Query Language]SQL[/acronym] produces SQL.
The [abbr] tag allow you to identify text as an abbreviation and provide a description when users move their mouse over the tag. For example, [abbr=World Wide Web]WWW[/abbr] produces WWW.
The [notag] tags prevent text inside the tags from being parsed. This allows you to give examples of BBcode and not have it converted to HTML. For example: [notag]These [b]tags[/b] are not rendered[/notag] will produce "These [b]tags[/b] are not rendered".
The [hr] tag draws a horizontal line across the page. Handy for separating chunks of text.
Using multiple formatting tags
You can apply more than one formatting specification to a portion of some text.
I was at [b][i]the coast[/i][/b]will be rendered asI was at the coast.Make sure that you take care of the proper order of the opening and closing tags. You should close the tags in the opposite order in which you opened them. Otherwise you might get very strange rendering results. Also check your post with the preview function before submitting it, in case there are formatting errors due to improper BBCode usage.
- Znaczniki HTML niedozwolone.
- Adresy internetowe są automatycznie zamieniane w odnośniki, które można kliknąć.
- Końce linii i akapitów rozpoznawane są automatycznie. Znacznik końca linii <br />, znacznik otwierający akapit <p> i znacznik zamykający akapit </p> są dopisywane automatycznie. Jeśli Drupal nie uwzględnił podziału na linie, należy po prostu dodać kilka nowych, pustych linii.