• 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
138) Pavlys [28. 02. 2013 | 18:41]
Vůbec to nechápu 
137) Tery [27. 02. 2013 | 20:42]
Ahoj zezačátku jsem to nechápala a přečetla jsem si ten článek asi 100x za pět dní. Šablon jsem měla dost, ty jsem zvládla úplně v pořádku ale to kódování mi prostě nešlo Tak jsem se zanevřela na návod a začala jsem se to učit sama. S HTML jsem byla samouk a začala jsem se základem z tohoto návodu. A potom jsem to pořád zkoušela a toto je můj první výsledek: http://www.howrse.com/joueur/fiche/?id=34401045
Jinak tento kurz grafiky je opravdu úžasný a naučila jsem se z něj spoustu věcí 
Děkuji za celý tenhle kurz, Tery
136) AsDeeN [21. 02. 2013 | 10:03]
peterdavis: Nějak moc jsem nepochopila jak myslíš "hodnoty dle směru hodinových ručiček", pokud ti to nevychází, zkus si třeba trošku pohrát s čísly. Ono, když člověk to HTML nevidí, těžko se dá soudit, kde jsi udělala chybu 
imascakova: Jestliže máš HTML v pořádku tak bych chybu typovala buď na nevhodně vybraný imagehosting (některé si prostě dělají co chtějí a obrázky po chvíli zmizí) nebo nejpravděpodobněji na to, že jsi nevložila správnou adresu obrázku - nepoužila jsi přímý odkaz. Pokud ani to ne, zkus někoho, kdo by ti HTML zkontroloval
135) imascakova [21. 02. 2013 | 08:51]
Ahoj!Mám takový problém,prezentaci jsem nakódovala úplně v pořádku ale nezobrazuje se mi pozadí proč?
134) peterdavis [19. 02. 2013 | 20:10]
Děkuji a ještě se chci zeptat: ořízla jsem tu prezentaci podle návodu, abych zjistila rozměry a zadala jsem je do kódu. Jenže pak mi vyšly boxy úplně někde mimo.. může to být tím, že jsem nezadala hodnoty podle směru hodinových ručiček, nebo to na to nemá vliv? 
133) Zaara [19. 02. 2013 | 07:47]
peterdavis: V předchozím článku je odkaz
132) peterdavis [18. 02. 2013 | 20:31]
Ahoj, kde můžu najít ten PSPad ke stažení?
131) Zaara [15. 02. 2013 | 02:29]
Catalinna (♥Salako♥): Není zač, jsme rády, že návod pomohl
130) Catalinna (♥Salako♥) [12. 02. 2013 | 13:16]
Zdravím všechny, chtěla bych moc a moc poděkovat autorům tohoto článečku. Návod je opravdu luxusní, jen mi chvíli trvalo uvědomit si, že hodnoty mohou být i záporné
Opravdu jsem nečekala, že to pochopím tak rychle. Takže, ještě jednou: DĚKUJU! 
129) Dragon001 [10. 02. 2013 | 10:11]
Ten návod je super jenom že to nic nechápu.. http://howrse.jecool.net/components/images/emoticons/smile05.gif nemohli by jste mi prosím s tím pomoct? že by jste mi to nakódovali? pokud by byl tak někdo laskavý tak mně napište na howrse jmenuji se tam normálně Dragon001 a potom by jsme se domluvily.. určitě bych vám něco dala na howrse. Jestli mi pomůžete tak moc děkuji. Dragon001 http://howrse.jecool.net/components/images/emoticons/smile12.gif
128) AsDeeN [01. 02. 2013 | 22:49]
Lenka: URL adresu máš správnou v mém HTML fungovala. Nejspíše tedy není chyba v adrese na obrázek nýbrž někde v kódu.
127) AsDeeN [19. 01. 2013 | 19:28]
bylinkova72: Myslím, že už není co učit a že jsme vše co bylo třeba vysvětlily, ale pokud se naskytne něco co bude vhodné zveřejnit o grafice, samozřejmě nějaký článek uděláme. Jinak děkujeme, jsme rády, že naše práce nevyšla nadarmo a je oceněná
126) Yveta [19. 01. 2013 | 18:56]
Zaara! Děkuji ti!! Ale i ostatním adminkám! Kteří spravují tento web a vytvořili tento letní kurz grafiky Je super! A konečně umím HTML kódovat! Ne na úrovni Zaary ale na té normální Chci se zeptat jestli bude i kurz 2013?? Ale co v něm nás učit že Njn ale i přesto děkuji!! Grafiku teď tvořím jak HTML tak i štítky ... a jako správná hráčka ji za žádnou cenu neprodávám Děkuji!!!
125) gabidrapalova [15. 01. 2013 | 21:24]
ahoj ráda bych se zeptala co dělám špatně když se mi nezobrazuje pozadí v prezentaci ale text ano opisovala jsem celou dobu text a vše bych měla mýt opsané správně ale ať tam dám jakýkoli obrázek pořád to nejde mohl by jste mi někdo poradit ? 
124) Lenka [14. 01. 2013 | 18:23]
Ahoj prosím poradíte mi.V tom návodu na PSPad je abych dala na zacatek do kodu adresu obrazku grafiky.Ale bohuzel at si to ulozim kamkoliv,mám tam neco chybne takze se mi to nenahraje.At to skousim v rajceti nebo v mich strankach na webnode vzdy je to chybne.Tak jediny kde mi to de je na facebooku.Nevadí že tam davám adresu takouvou?Takze adresa vypada takto : http://sphotos-c.ak.fbcdn.net/hphotos-ak-ash3/72247_404868496255093_689570320_n.jpg (toto jsem pouzila na posledni pokus o nakodovani,prosim ostatni hrace aby nekopirovali).A tak se chci zeptat vadí tato adresa nebo mám dát jinou?Dekuji moc a predem se omlouvam za reklami.Jeste jednou mocinky dekuji a preji hodne uspechu jak ve hre tak v realite a preji aby tato uzasna stranka tu byla jeste dlouho.lenka24
123) Zaara [08. 01. 2013 | 17:21]
Arakl: Můžeš
122) Raduza [08. 01. 2013 | 17:01]
Už jsem to našla v gimpu 
Zaara: Můžu ti poslat kód na zkontrolování? Nějak se mi to nechce zobrazit :/
121) Raduza [08. 01. 2013 | 16:26]
Pfů. Jak mám zjistit rozměry v pf?
120) toxicgirl [07. 01. 2013 | 15:48]
Nakóduje mi někdo šablonu? Oměna ho nemine.Jsem trochu "blbá" a stále to nechápu
139) Zaara [01. 03. 2013 | 14:50]
Pavlys: Ze začátku se to může zdát matoucí, ale opravdu to chce jen si nad to sednou a párkrát si to přečíst - třeba i s odstupem několika dní