• Chat s adminkami
• Bleskovky a informace, co na webu nenajdete - sledujte nás na Facebooku!
• Anketa - VIP vs. Pegasus
• Podvodné stránky - nenaleťte!
Howrse
Grafika
Oddechový koutek
V. Nakódování šablony
V dnešním článku si ukážeme, jak nakódovat šablonu z článku č. 2. Předem bych chtěla říct, že můj kód nemusí být „ten nejlepší“ - způsobů, jak šablonu nákodovat, je více. Budu se snažit Vám vše vysvětlit, abyste pochopili princip a byli schopni kódovat i jinak rozložené šablony.
PSPad
Jak jsem psala minule, oblíbila jsem si editor PSPad – screeny jsou tedy z tohoto programu. Vzhledem k tomu, že s ním pracuji již delší dobu, přizpůsobila jsem si ho. Vy máte nejspíše v levém okraji panel nástrojů – já jej nevyužívám, proto jsem ho odstranila (Zobrazit > Panel nástrojů). Abych se lépe orientovala, zapnula jsem si čísla řádků (Zobrazit > Čísla řádků), dále také zalamování řádků (Zobrazit > Zalomení řádků) a pravítko (Zobrazení > Pravítko). Kde se Vám řádky zalomí si můžete nastavit přes Nastavení > Nastavení programu > Editor 2 > Pravý okraj [znaků] – já mám 160. Tyto změny nejsou nutné a je jen na Vás, jak si program přizpůsobíte. Bylo by ale dobré, abyste si zkontrolovali, že ve Formát máte zaškrnuté UTF-8. Zbytek nastavení by měl být stejný.
NÁVOD NAJDETE ZDE
EDIT: Návod "krok za krokem" je stručnější a provede Vás napsáním celého HTML kódu. Pokud by měl někdo nějaké připomínky nebo nápady na vylepšení návodu, prosím ozvěte se do komentářů :).
NÁVOD NAJDETE ZDE
Taktéž jsem pro Vás doplnila návod na zjištění rozměrů ;).
ZJIŠTĚNÍ ROZMĚRŮ
A pro dychtivější z Vás využití vlastností colspan a rowspan a kódování jinak rozložených boxů.
COLSPAN A ROWSPAN
EDIT 2: Jelikož se v komentářích párkrát objevil dotaz, jak se udělají ostré závorky nebo jednoduchá uvozovka, tak tady jsou možnosti:
< pravý Alt Gr + klávesa pro čárku , nebo levý Alt + 060
> pravý Alt Gr + klávesa pro tečku . nebo levý Alt + 062
' Shift + klávesa pro přehlásku ¨ (nad přehláskou je zobrazena taková stříška)
nebo levý Alt + 039
# pravý Alt Gr + klávesa písmene X nebo levý Alt + 035
Přidat komentář
Komentáře
38) Zaara [31. 08. 2012 | 14:25]
tarka: Buď máš někde překlep nebo špatnou URL 
Pokud ani to nepomůže, pošli mi HTML kód na howrse do zpráv.
Simča: V tom návodu je vždy vysvětleno, co se píše a proč se to píše a pak je tam screen s kódem - tedy ten kód musíte psát. Mám připravený ještě jeden návod krok za krokem, snad Vám to víc pomůže .
37) Simča [31. 08. 2012 | 14:11]
Ahojky Zaaro, nemůžeme přijít na to kódování podle čeho to máme psát atd?
36) tarka [31. 08. 2012 | 10:57]
Mě se tam neukazuje pozadí
35) Raduza [31. 08. 2012 | 10:16]
Ach jo,mně ta grafika vůbec nejde
34) Raduza [31. 08. 2012 | 09:23]
Zaara: Děkuji a nemáš zač.
33) Zaara [31. 08. 2012 | 02:24]
Arakl: Jak udělat křížek jsem doplnila, díky za připomínku Jinak přehláska je speciální znak, který můžeš vidět v němčině ve slovech jako je Gebäude, Mäusen, Bäume atd. Tedy taková ta "ležatá dvojtečka" .
32) Raduza [31. 08. 2012 | 00:37]
Ahoj.Nedokážu udělat ten podivný křížek(pokud někdo z vás hraje na flétnu,ak se jím označuje fis,cis atd.).Prosím,poraďte mi jak ho mám udělat.Ještě bych se chtěla zeptat co je to přehláska(já vím,jsem úplně tupá).Děkuji
Arakl
31) Zaara [30. 08. 2012 | 19:13]
Alesex: Něco tam musí být, ale nejsem jasnovidka, kdyžtak mi ten kód pošli ve zprávě na howrse a já se mrknu 
Simča: Na co přesně nemůžeš přijít?
30) Simča [30. 08. 2012 | 18:44]
Už jsem si ho stáhla ale s kámoškou na to nemůžeme prostě přijít.
29) Pro Zaaru (JsemAlesex) [30. 08. 2012 | 16:09]
Zaaro,ne,nemám,ale pořád tam NEMÁM to pozadíííííííííííííí!
28) Zaara [30. 08. 2012 | 15:36]
lakysa: Jakou stránku? Žádnou stránku nepotřebuješ, ten kód píšeš ty sama do nějakého textového editoru (Word, Poznámkový blok, NotePad, WordPad nebo PSPad - ten používám já a je vidět na screenech) .
Alesex: Pozadí zajištuje hned v tom prvním divu vlastnost background - zkontroluj si, jestli tam nemáš překlep (mezery, kde nemají být nebo špatné uvozovky apod.) .
Pesoutka: Možná moc tlačíš na pilu Ale jak jsem slíbila na fóru, udělám ještě podrobnější návod - bude to spíš takový krok za krokem, co máte psát
27) Pesoutka [30. 08. 2012 | 07:54]
Já jsem nějaá divná mě to nejde bože proč?
26) Alesex [29. 08. 2012 | 22:11]
Ahoj
Jaktože se mi u nakódované prezentace nezzobrazuje pozadí? nwm jak na to =((
25) lakysa [29. 08. 2012 | 21:07]
Ahojky, já prostě nechápu kde máme vzít tu stránku na vytvoření HTML kódu?
24) Zaara [29. 08. 2012 | 20:34]
Veronika: Nevím sice, co přesně těmi květinami myslíš, ale určitě se to dá udělat v jakémkoliv editoru.
Alexis, Andulik117, Lenka: Nejlepší by bylo, kdybyste mi poslaly ten kód do zprávy na Howrse, mrknu se na to a řeknu vám
gabcahu1: Chce to taky čas, nevadí, když to nepochopíš hned
23) gabcahu1 [29. 08. 2012 | 14:27]
Já to prostě nechápu... Asi jsem fakt blbá 
22) Lenka [22. 08. 2012 | 08:59]
Ahoj pro Veroniku ty květiny se dělají v Photofiltre Studio X
21) Lenka [22. 08. 2012 | 08:03]
Ahoj mám to takz stejný jako Andulik117
20) Andulik117 [21. 08. 2012 | 23:11]
Tak a mě to nejde! Když to vložím do prezentace zobrazí se mi jen nadpisy Text Prodeje atd... Jinak nic. Ale vůbec nevím kde sem udělala chybu. Vadí když jsou ty řádky trochu posunutý?
39) Raduza [31. 08. 2012 | 18:29]