• 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
158) tery22 [29. 04. 2013 | 14:50]
Ahoj,
Prosím, nevíte jak kódovat v gimpu.
Předem díky,
tery22
157) Podky [29. 04. 2013 | 14:39]
Já to tedy kóduji hned na howrse. Na SK verzi mám účet, a ten mám jen na kódování 
156) liliana2000 [21. 04. 2013 | 14:51]
já sem to nepochopila 
155) 9SuperBlesk9 [08. 04. 2013 | 19:02]
Ahááá 
Tak díky
154) Zaara [08. 04. 2013 | 19:00]
9SuperBlesk9: No, ano Musíš tam dát URL adresu na pozadí (tvoji prezentaci) a zadat správně rozměry atd.
153) 9SuperBlesk9 [08. 04. 2013 | 18:56]
Zaara: No že když dám na začátku ten kod prezentace tak jako potom budu postupovat podle obrázků a že to bude ukazovat moji prezentaci??
152) Zaara [08. 04. 2013 | 18:53]
9SuperBlesk9: Promiň, ale můžeš tu otázku formulovat ještě jinak? Asi jsem to nepochopila
151) 9SuperBlesk9 [08. 04. 2013 | 18:45]
Máám dotazíček když tam teda mezi těma závorkama ten kod a budu postupovat jak to je na obrázku tak to bude stejné jako jsem dělal prezentaci obrázek?? (Dělal jsem v photofiltre)
150) Zaara [07. 04. 2013 | 22:01]
Subtrop: Přečti si návody ještě jednou, je to tam vysvětleno 
Ninusqa010309: Možná máš špatnou URL adresu obrázku.
9SuperBlesk9: Jde to, jen se člověk musí snažit
149) 9SuperBlesk9 [07. 04. 2013 | 20:00]
Nejde to asi si budu muset nakodovat prezentaci od někoho jiného
148) Ninusqa010309 [06. 04. 2013 | 15:29]
Išla som presne podľa návodu a nevyšlo to, objavilo sa len biele pozadie z textom 
147) Subtrop [06. 04. 2013 | 11:57]
Nějak nechápu, co mám doplnit sem, když box je vysoký 600px a široký 750px... <div style="overflow: auto; height: VÝŠKApx; width: ŠÍŘKApx; margin: HORNÍpx PRAVÝpx DOLNÍpx LEVÝpx;">
ZDE BUDE TEXT BOXU 1
</div>
Myslím to horní pravý atd...
146) AsDeeN [28. 03. 2013 | 15:07]
imascakova: Vyměřené je můžeš mít, ale uvádíš je dobře do HTML? Být tebou zkusila bych si s tím trochu pohrát, protože tady ti s tím stejně nikdo neporadí, jestliže to HTML nevidí.
145) imascakova [20. 03. 2013 | 18:54]
AsDeeN: Nebo se mi posunou boxy,přitom mám přesně vyměřené rozměry
144) BlackTea° [12. 03. 2013 | 14:48]
Ahoj,
tak jsem si nakódovala plakát, ale box se objevil jinde. Tady je adresa: http://jyxo.info/uploads/5C/5ccbf2dfc682b7865255ed6ac2cd63476c8ec69d.jpg
Peosím, kdybyste někdo věděl, jak nakódovat, napište mi sem nebo na howrse (Zuzuazuzu).
Děkuji, Zuzí(l)
143) Zaara [10. 03. 2013 | 16:24]
Yveta: Jak jsou ty buňky v prvním řádku, tak já mám u první rowspan a druhá je bez - tak to přehodíš, první bude bez a druhá bude mít rowspan
142) Yveta [09. 03. 2013 | 19:59]
ROWSPAN ... Zaaro jak ho otočím?? Myslím tím že ty ho máš na levé straně ale já napravé. Co s tím?? 
141) Zaara [02. 03. 2013 | 14:51]
adika2561: V PF to nejde - HTML kód si musíš napsat, takže je k tomu třeba textový editor, ne grafický A promiň, ale na individuální vysvětlování nemám čas - zkus si najít někoho jiného nebo si to pročti vícekrát a zkoušej, zkoušej, zkoušej
140) adika2561 [01. 03. 2013 | 20:25]
Ahoj!
Celú prezentáciu som spravila podľa postupu, len tam neviem dať ten HTML kód! Vôbec tomu nechápem a v hlave to mám ako matiku! Nemohla by si dať návod na nakódovanie vo PhotoFiltri? 
Alebo mi to nejak podrobnmejšie vysvetlila? na sk howrse som : adika2561
159) Podky [30. 04. 2013 | 07:08]