• 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
118) Zaara [30. 12. 2012 | 09:59]
Jkoolča: Pošli mi ho na Howrse do zprávy 
117) Jkoolča [26. 12. 2012 | 10:28]
Mohla bych si nechat zkontrolovat kód ?
116) Jkoolča [26. 12. 2012 | 10:28]
Elaina: Musíš ten obrázek vložit např. na blog.cz do galerie, apoté se tinukáže odkaz tak ten tam vložíš
115) Elaina [16. 11. 2012 | 19:54]
ahoj co mam napsat do url obrázku? klikneš na obrázek a tam nahoře?
114) Zaara [21. 10. 2012 | 20:47]
Elaina: Hodnotu, např. 120px - viz zjištění rozměrů.
113) Elaina [21. 10. 2012 | 19:33]
zaara: co mam napsat do výška atd <div style="overflow: auto; height: VÝŠKApx; width: ŠÍŘKApx; margin: HORNÍpx PRAVÝpx DOLNÍpx LEVÝpx;">
112) Zaara [20. 10. 2012 | 20:30]
Elina: Pokud bude HTML kód špatný, tak se prezentace buď neobjeví nebo bude "rozházená".
111) Elina [20. 10. 2012 | 20:16]
zaaro: a když to napíšu blbje nebo nevim jak se píše jaká značka tak se mi prezemtace neoběví?
110) Zaara [20. 10. 2012 | 18:45]
Elaina: Psát HTML kód lze v jakémkoliv textovém editoru, takže třeba i Word z MS Office. Grafickou šablonu dostaneš na Howrse právě jejím nakódováním.
109) Elaina [20. 10. 2012 | 10:53]
můžu na šablony použít microfost office ....?
108) Elaina [19. 10. 2012 | 20:22]
ahoj zaaro, jak mam z photofiltre dát prezentaci do prezentaci na hovrse
107) Elaina [19. 10. 2012 | 19:56]
ahoj na čem mam kódovat šablony?
106) Zaara [13. 10. 2012 | 17:28]
WERA555: PSPad je "vylepšený" textový editor, zmiňovala jsem ho v předchozím článku kurzu
105) WERA555 [12. 10. 2012 | 21:41]
Co je to ten PsPad?????
104) Zaara [11. 10. 2012 | 21:03]
veve k.: Orežávat můžeš v každém editoru 
103) veve k. [11. 10. 2012 | 18:51]
rozumím tomu ale těm rozměrům ne dá se to zjistit jinak než přes photoshop?
102) Já [10. 10. 2012 | 17:10]
Vůbec tomu nerozumím. 
101) Zaara [08. 10. 2012 | 09:31]
Veronika: Ahoj , pokud chceš, pošli mi ten kód na Howrse do zprávy a já se Ti na to mkrnu .
100) Veronika [08. 10. 2012 | 00:06]
Ahoj,
v provom rade Vám ďakujem za všetko čo pre ostatných robíte
a v druhom rade Vás prosím o pomoc Kódovala som si šablónu podľa návodu a niekde som sa musela spliesť alebo niečo zle pochopiť, nejde mi totiž na howrse stránke zozbraziť, ukazuje mi tam bielu plochu s textom ZDE BUDE TEXT , lepšie povedané mi zobrazuje 3 nadpisy ( v šablóne mám 3 bunky).
Ak by ste mali čas a chuť pomôcť , budem vďačná.
Môj nick na howrse je : Veronika.alpha
a môj e-mail je : eccentricsun@azet.sk
119) nattty [05. 01. 2013 | 20:35]
Ahoj já se chci jen zeptat jak udělám když kóduji HTML kód tak tam máte pravý,levý,horní,dolní tak kde ti rozměry v photodhopu najdu ??? já to nenašla a nevím co stím