Dovolte mi abych vám tady ukázal jen opravdu krátký návod jak začít boj s novým editorem na brejku. Trochu nepochopitelně k tomu použiji nový vzhled nového turnaje, i když je pravda že název versus se k tomu celkem hodí. Ale právě tento vzhled by měl demonstrovat že bojovat se dá, vyhrávat se dá také a důležité je to nevzdávat.

Všichni jsme si nějak zvykli na to, že se do editoru dal přidat css a tak každý kdo se jen trochu zabýval stylem, mohl vytvořit prakticky cokoliv ... co se naučil. Jenže nový editor je proti nám všem a styl nepodporuje. Ale co mě zaujalo, bylo že podporuje je tzv. blokový element DIV. A toho je potřeba se chytit a nepouštět, dokud nenajdem něco nového co nás od toho odvede :)

Blok. element DIV se uzavírá do tagu <div> a je párový, tzn. že se musí uzavřít </div>. Ten kdo se zabýval stylem v předchozích článcích, musí vědět že každý div se dal nadefinovat ...

kdo si vzpomene ... například na formu #hlava { color: #000; backround-image: url(....); atd. ? Pokud jste to jen nekopírovali musíte vědět že color je barva fontu a bg-image s url je odkaz na obrázek v pozadí....

... trochu malé překvapení může být pro ty co nevědí že se styl dá zadat i přímo do tagu html. Konec zdržování ... jdeme na věc ... a to je tedy první věc a tou je pozadí článku.

Základem je že si vytvoříte blokový elemet, a dáte mu vlastní název, třeba hlava ... a bude vypadat např. takto :

<div id="hlava" style=" width: 707px; height: 180px; background-image: url(http://www.brejk.cz/elfinder/files/Mira/hd_cl.jpg); background-repeat: no-repeat;">&nbsp;</div> co se zde píše ?

například že šířka článku hlavy v pozadí bude 707pixelů, že bude vysoký 180pixelů, že bude v pozadí obrázek (s adresou na obrázek a že se obrázek nebude opakovat ... toť vše.

co dál ? no můžete si tím samým stylem vytvořit obsah i patu ... např.:

<div id="obsah" style=" width: 707px; height: 800px; background-image: url(http://www.brejk.cz/elfinder/files/Mira/bg_cl.jpg); background-repeat: repeat-y; margin-top: -11px;">&nbsp;</div> a zde se píše prakticky to samé, ale navíc je zde margin-top: -11px které říkají aby se div obsah přisunul k divu hlava co nejblíže a pokud možno se překrýval aby mi v pozadíá například nevznikla bílá mezera. Nezapomínejte totiž že IE nezobrazuje html standartně, jako např. opera, fox nebo chrome. Mj. je zde použit obrázek pozadí a repeat-y nechává obrázek pozadí opakvat v ose y. až do délky kterou určuje height ... pokud jde článek mimo pozadí je potřeba height zvýšit.

<div id="pata" style="width: 707px; height: 18px; background-image: url(http://www.brejk.cz/elfinder/files/Mira/bt_cl.jpg); background-repeat: no-repeat;">&nbsp;</div> Pata je prakticky to samé co hlava ...

do obsahu už můžete standartně vkládat tabulky a texty dle libosti, dokonce fungují lépe než fungovali na starém webu. Styly textu barvy písma pracují téměř bezchybně až na detail který mě dost vytáčí, že když začínáte novou větu, tak se barva textu automaticky změní na černou :) víc zatím vykládat nebudu ... kdo má chuť může začít zkoušet a tvořit a já se mezitím pustím do dalšího objevování nového editoru ... například jestli mi dovolí udělat něco podobného ve stylu jiříkových článků a mých německých novin :)

jakékoliv další dotazy směřujte ke mě, pokusím se vám poradit, ale upoizorňuji že jsem teprve začal editor zkoušet ... takže toho také moc nevím.

odkaz na zdroj pro rychlí začátek ... zde