Jak zkrotit formátování: Aby příspěvky vypadaly, jak chcete

Vše, co byste měli vědět. Čtěte!
Odpovědět
Uživatelský avatar
Nero
Rádce
Příspěvky: 29517
Registrován: 15.07.2007 13:21
last.fm: http://www.last.fm/user/Nero1
Bydliště: Brno

Jak zkrotit formátování: Aby příspěvky vypadaly, jak chcete

Příspěvek od Nero » 16.04.2013 22:05

Jak zkrotit formátování,
aneb Aby příspěvky vypadaly tak, jak chcete


Smyslem tohoto tématu je ukázat, jak funguje formátování příspěvků pomocí takzvaných BBcode tagů, které na phpBB fórech slouží k veškerým úpravám podoby postů. Téma je rozdělené do několika částí dle typu tagů a bude průběžně aktualizováno, pokud se implementují nové tagy.

BBcode všeobecně funguje tak, že se vybraná část textu vloží mezi počáteční a závěrečný tag, které jsou vždy uvnitř hranatých závorek, závěrečný tag navíc obsahuje lomítko. Obsah závorek pak definuje, co za změnu formátování tag provede.

Počáteční tag :[x]
Závěrečný tag: [/x]


Níže vždy naleznete ukázku kódu a pod ní názornou ukázku, co daný tag učiní. Tyto tagy jsou přístupné tlačítky v editoru příspěvků a pokud v něm přes ně přejedete myší, zobrazí se vám nápověda k jejich použití. Je samozřejmě možné používat vícenásobné tagy, tedy aplikovat na text několik různých tagů v libovolném pořadí. Pochopitelně je též možné tagy "obklopit" již napsaný a vybraný text (pomocí tlačítka) nebo naopak text vpisovat mezi tagy.

Všechny funkce si můžete vyzkoušet v Pískovišti.


I.) Základní úpravy
II.) Práce s citacemi
III.) Obrázky v rámci příspěvků
IV.) Přehrávání hudby
V.) Zobrazování videa
VI.) Přílohy
"Náš problém není v tom, že toho víme málo. Náš problém je, že mnoho z toho, co víme, není pravda."

PetrPeter 1975 - 2008

Uživatelský avatar
Nero
Rádce
Příspěvky: 29517
Registrován: 15.07.2007 13:21
last.fm: http://www.last.fm/user/Nero1
Bydliště: Brno

I. Základní úpravy

Příspěvek od Nero » 16.04.2013 22:17

I. Základní úpravy


Níže naleznete informace o základních úpravách v rámci příspěvků. Pro většinu uživatelů to nebude nic nového :)

1.) Zvýraznění, kurzíva, podtržení

Tagy:

Kód: Vybrat vše

[b]Zvýraznění[/b]
[i]Kurzíva[/i]
[u]Podrtržení[/u]
Ukázka:
Zvýraznění
Kurzíva
Podrtržení


2.) Barva a velikost

Tagy:

Kód: Vybrat vše

[size=]Velikost[/size]
[color=]Barva[/color]
Použití:
  • Při práci s velikostí je třeba za rovnítko vložit číslo udávající velikost. Standardní písmo je označené velikostí 100 (procent). Je zakázáno používat více než dvojnásobné zvětšení, tedy velikost vetší než 200.
  • Při práci s barvou je třeba za rovnítko vložit kód barvy v hexadecimálním RGB formátu. Snažší bude využít některé z předdefinovaných barev :wink:
Ukázky:

Kód: Vybrat vše

[size=120]Velikost 120[/size]
[color=#FF0000]Červená barva[/color]
Velikost 120
Červená barva


3) URL odkazy

Tag:

Kód: Vybrat vše

[url=][/url]
Použití:
Při použití odkazu je třeba do tagu za rovnítko vložit kompletní adresu, na kterou chcete odkázat a mezi tagy napsat text, který se má v příspěvku zobrazit.

Ukázka:

Kód: Vybrat vše

[url=http://hudebniforum.cz]Úvodní stránka fóra[/url]
Úvodní stránka fóra


4) Code

Tag:

Kód: Vybrat vše

[code]
[/code]

Použití:
Code tag slouží k tomu, aby se cokoli v něm obsažené zobrazli přesně tak, jak je napsáno – jsou tedy ignorovány jakékoli další tagy či jiné funkce. Díky tomu je například možné vložit ukázky jiných BBcode tagů. V rámci tagu Code mají všechny znaky stejnou „šířku“, takže se hodí například i pro zápis jednoduchých tabulatur.

Ukázka:

Kód: Vybrat vše

[code]
G|---------
D|---------
A|-2-3-4-5-
E|---------
[/code]

Kód: Vybrat vše

G|---------
D|---------
A|-2-3-4-5-
E|---------

5) Seznamy

Tagy:

Kód: Vybrat vše

[list][*][/list]
Použití:
Tag pro seznamy je složený tag obsahující dvě části – sám o sobě slouží jen pro označení začátku a konce seznamu. Jednotlivé položky seznamu je nutné označit jednoduchým (majícím jen počáteční část) tagem [*].

Ukázka:

Kód: Vybrat vše

[list]
[*]a
[*]b
[*]c
[/list]
  • a
  • b
  • c
"Náš problém není v tom, že toho víme málo. Náš problém je, že mnoho z toho, co víme, není pravda."

PetrPeter 1975 - 2008

Uživatelský avatar
Nero
Rádce
Příspěvky: 29517
Registrován: 15.07.2007 13:21
last.fm: http://www.last.fm/user/Nero1
Bydliště: Brno

II. Práce s citacemi

Příspěvek od Nero » 16.04.2013 22:22

II. Práce s citacemi


Citace slouží k označení části příspěvku, která pochází od jiného uživatele (nebo jakéhokoli jiného zdroje). Při prohlížení příspěvků máte možnost automaticky celý příspěvek citovat pomocí tlačítka „Citovat“, které vás rovnou přesměruje do editoru příspěvků a označí původní text jako citaci daného uživatele. Citace je ale samozřejmě možné tvořit i ručně.

Tag:

Kód: Vybrat vše

[quote=“ “][/quote]
Použití:
Pokud chcete použít citaci bez uvedení autora, stačí použít jednoduchý počáteční tag quote. Chcete-li uvést autora, je třeba do tagu vložit i rovnítko a následně jméno autora v dvojitých úvozovkách, tedy jako quote=“autor“. Závěrečný tag je vždy jednoduchý.

Ukázky:

Kód: Vybrat vše

[quote]Citace bez autora[/quote]
[quote="Autor"]Citace s autorem[/quote]
Citace bez autora
Autor píše:Citace s autorem
Citace jsou nástroj, který může značně zjednodušit orientaci v jednotlivých příspěvcích i v rámci celé diskuze. Nicméně mohou taky značně zkomplikovat či prodlužovat jednotlivé příspěvky. Dodržujte tedy prosím tato pravidla:

• nevkládejte do jednoho příspěvku více než 3 vnořené citace (tzn. citaci citace citace :) ) – fórum vám to ani nepovolí

• pokud citujete delší příspěvek, ale klíčová je jen jeho část, smažte vše ostatní nepodstatné

• necitujte velké obrázky nebo příspěvky s mnoha obrázky – nahraďte je pouhým odkazem na obrázek (smazáním tagů [img] kolem odkazu na obrázek)

• i když reagujete na více lidí, vložte jednotlivé citace do jednoho příspěvku – pokud to děláte již při tvorbě příspěvku, můžete citace vkládat automaticky z náhledu předchozích příspěvků pod editorem, pokud tak činíte při úpravě příspěvku, je třeba postupovat o něco složitěji, ale také to jde: dovolím si zde ocitovat návod od MilanaT :)
MilanT píše:Úprava příspěvku a vložení citace
Množí se tu případy, kdy příspěvky nejsou upravovány, ale je vkládáno více oddělených příspěvků za sebou. Je to zejména v případě, kdy je potřeba dodatečně vložit do příspěvku citaci/e. V případě této úpravy příspěvku opravdu nejsou v náhledu zobrazeny ostatní příspěvky a tak nelze jednoduše citaci vložit.
Postup je následující:

1. u příspěvku, který chcete citovat, použijte klasicky tlačítko CITOVAT.

2. pokud je citovaný text delší, odstraňte části na které nechcete odkazovat. V případě delšího textu v citaci ho celý nahraďte třemi tečkami. Nesmíte však vymazat ohraničující "quote" tagy.

3. takto upravenou citaci zkopírujte (Ctrl+C)

4. vraťte se ke svému příspěvku (který chcete upravit) a zvolte UPRAVIT a vložte vámi upravenou citaci (Ctrl+V).

5. doplňte upravovaný příspěvek vaším dalším textem a příspěvek odešlete.
"Náš problém není v tom, že toho víme málo. Náš problém je, že mnoho z toho, co víme, není pravda."

PetrPeter 1975 - 2008

Uživatelský avatar
Nero
Rádce
Příspěvky: 29517
Registrován: 15.07.2007 13:21
last.fm: http://www.last.fm/user/Nero1
Bydliště: Brno

III. Obrázky v rámci příspěvků

Příspěvek od Nero » 16.04.2013 22:29

III. Obrázky v rámci příspěvků


Fórum umožňuje pomocí BBcode tagů zobrazit v textu obrázky snad ve všech standardních formátech. Použít lze dva tagy, které se liší v tom, jak pracují s velikostí obrázku.

Tagy:

Kód: Vybrat vše

[img][/img]
[resize width=][/resize]
[resize660][/resize660]
[rimg width= height=][/rimg]
Použití:
U obou těchto tagů stačí mezi počáteční a závěrečný tag vložit odkaz (přímo) na obrázek kdekoli na internetu.
  • Tag Obrázek zobrazí obrázek v původní velikosti. To znamená, že se nemusí celý vejít na stránku nebo bude zabírat zbytečně velký prostor. Je navíc zakázáno vkládat obrázky širší než 1000 px a vyšší než 2000 px. Již takové obrázky se nevejdou do prostoru příspěvku.
  • Tag [resize] slouží k tomu, aby byl obrázek při vložení zmenšen (či teoreticky i zvětšen), proto v počátečním tagu obsahuje proměnnou width (šířka), oproti tagu [rimg] pouze šířku. Výšku totiž dopočítává sám
[*]Tag [resize660] slouží k tomu, aby byl obrázek při vložení zmenšen (či teoreticky i zvětšen) na maximální zobrazitelnou šířku, tedy 660 px. Stačí vložit základní tag, parametry jsou dopočítány automaticky[/list]

[*]Tag [rimg] („resize image“) slouží k tomu, aby byl obrázek při vložení zmenšen (či teoreticky i zvětšen), proto v počátečním tagu obsahuje proměnnou width (šířka) a height (výška), u které se za rovnítko vkládají parametry v pixelech. Je třeba dodržovat poměr stran, tag ho nedokáže dopočítat sám[/list]

Ukázky:

Kód: Vybrat vše

[img]http://hudebniforum.cz/download/file.php?avatar=2578_1295815541.jpg[/img]
Obrázek

Kód: Vybrat vše

[resize width=300]
http://img14.rajce.idnes.cz/d1402/8/8071/8071456_5fd3f68ea94e5776a2a1c252b44a3f18/images/IMGP6999.jpg
[/resize]

Kód: Vybrat vše

[rimg width=300 height=200]
http://img14.rajce.idnes.cz/d1402/8/8071/8071456_5fd3f68ea94e5776a2a1c252b44a3f18/images/IMGP6999.jpg
[/rimg]

[rimg width=150 height=100]
http://img14.rajce.idnes.cz/d1402/8/8071/8071456_5fd3f68ea94e5776a2a1c252b44a3f18/images/IMGP6999.jpg
[/rimg]


"Náš problém není v tom, že toho víme málo. Náš problém je, že mnoho z toho, co víme, není pravda."

PetrPeter 1975 - 2008

Uživatelský avatar
Nero
Rádce
Příspěvky: 29517
Registrován: 15.07.2007 13:21
last.fm: http://www.last.fm/user/Nero1
Bydliště: Brno

IV. Přehrávání hudby

Příspěvek od Nero » 16.04.2013 22:37

IV. Přehrávání hudby


Fórum umožňuje do příspěvků vložit přehrávače hudebních souborů dostupných na internetu. Pro správné zobrazení a funkčnost je třeba použít správný typ tagu dle toho, odkud pochází soubor.

Tagy:

Kód: Vybrat vše

[mp3][/mp3] – pro veřejně přístupné uploadováné mp3 soubory
[boxcom][/boxcom] – pro hudební soubory nahrané na službu Box.com
[soundcloud][/soundcloud] – pro hudební soubory nahrané na službu Soundcloud.com
Použití:
  • Tag

Ukázky:

Kód: Vybrat vše

[mp3]http://dkb.wz.cz/Comptine.mp3[/mp3]

Kód: Vybrat vše

[boxcom]https://www.box.com/embed/78fyirw19kawz52.swf[/boxcom]

Kód: Vybrat vše

[soundcloud]https://soundcloud.com/roadrunner-usa/rush-the-anarchist[/soundcloud]
"Náš problém není v tom, že toho víme málo. Náš problém je, že mnoho z toho, co víme, není pravda."

PetrPeter 1975 - 2008

Uživatelský avatar
Nero
Rádce
Příspěvky: 29517
Registrován: 15.07.2007 13:21
last.fm: http://www.last.fm/user/Nero1
Bydliště: Brno

V. Zobrazování videa

Příspěvek od Nero » 16.04.2013 22:53

V. Zobrazování videa


Fórum umí v rámci příspěvků zobrazit embed přehrávače základních služeb pro streaming videa – konkrétní portály jsou zmíněny níže. Použití jednotlivých tagů se liší.

Tagy:

Kód: Vybrat vše

[youtube][/youtube] – pro videa z YouTube
[vimeo][/vimeo] – pro videa z Vimeo.com
[stream][/stream] – pro videa ze Stream.cz
Použití:
  • Při použití tagu [youtube] je nutné mezi tagy vložit pouze ID videa (identifikátor proměnné v) – tento kód tvoří znaky adresy videa umístěné za ?v=. Někdy za ID může následovat znak & a další text, ten již nevkládejte. V případe formátu adresy youtu.be vložte jako ID část adresy za lomítkem (.com/). Nevkládejte tedy celou adresu!
  • Při použití tagu [vimeo] je též nutné vložit pouze identifikační kód videa. V případě Vimea je ID skupina čísel za lomítkem (.com/).
  • Při použití tagu [stream] stačí vložit kompletní adresu videa.
Ukázky:

Kód: Vybrat vše

[youtube]exXGD2Jn1K4[/youtube]
- příklad z adresy http://www.youtube.com/watch?v=exXGD2Jn1K4&list=RD02brecMZGToLE
ID podtrženo



Kód: Vybrat vše

[vimeo]6822437[/vimeo]
- příklad z adresy http://vimeo.com/6822437
ID podtrženo



Kód: Vybrat vše

[stream]http://www.stream.cz/uservideo/552400-videoklip-tata-bojs-vitaci[/stream]
"Náš problém není v tom, že toho víme málo. Náš problém je, že mnoho z toho, co víme, není pravda."

PetrPeter 1975 - 2008

Uživatelský avatar
Nero
Rádce
Příspěvky: 29517
Registrován: 15.07.2007 13:21
last.fm: http://www.last.fm/user/Nero1
Bydliště: Brno

VI. Přílohy

Příspěvek od Nero » 16.04.2013 22:54

VI. Přílohy


Fórum umožňuje k příspěvkům či soukromým zprávám připojit řadu souborů jako přílohu. Přílohy se nevkládají pomocí BBcode tagů, ale přes editor příspěvků – pod textovým oknem a tlačítky „Uložit koncept“, „Odeslat“ a „Náhled“ zvolte záložku Přílohy. Následně je možné vybrat soubor z vašeho počítače a vložit ho. Lze ho vložit na konkrétní místo v příspěvku, kde se bude zobrazovat jako tag [attachment].

Pamatujte, že prostor vyhrazený pro fórum na serveru není neomezený a přílohy z něj zabírají značnou část. Používejte tuto možnost jen tehdy, pokud není jiné cesty, a nenahrávejte zbytečně velké soubory, pokud to není nutné. Je to otázkou ohleduplnosti vůči ostatním, kteří tuto funkci chtějí také používat.
"Náš problém není v tom, že toho víme málo. Náš problém je, že mnoho z toho, co víme, není pravda."

PetrPeter 1975 - 2008

Odpovědět

Zpět na „Oznámení“