• 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
98) AsDeeN [07. 10. 2012 | 18:31]
Amnesia: Pojízdné boxy nijak přizpůsobit nejdou, myslím tím, že ty nezaoblíš, proto jejich rozměry musíš přizpůsobit velikosti boxů tak, aby do nich seděly.
Simča: Buď pokud používáš PS a dělala jsi prezentaci s pravítky, můžeš rozměry použít z toho, pokud ne musíš prostě zkoušet a odhadovat čísla. Pokud ti to pomůže tak 1cm = 37.8 px.
97) Simča [07. 10. 2012 | 18:03]
Výška a šířka okraje, dolního a levého okraje prostě nechápu jak mám vědět kolik to měří???
96) Amnesia [07. 10. 2012 | 11:58]
Ahoj,
mám takový menší problém, šablonu prezentace už mám vyrobenou, nákódovanou také, ale jediný problém v tom kódování je s tím, že se mi ten text nezobrazí v tom okně, v jakém chci. Nevím, co tam mám napsat, když je to okno např. uprostřed a není přímo čtveraté ale má zaoblené rohy? Poraďte prosím. 
95) Raduza [06. 10. 2012 | 21:04]
AsDeeN:Aha, děkuji, můj překladč toto nezná a neumí přeložit.
94) AsDeeN [06. 10. 2012 | 19:39]
Arakl: "font-family" se doslova překládá jako rodinný font v CSS slouží k zobrazení vybraného typu písmu.
93) Raduza [06. 10. 2012 | 19:11]
Můžu se zeptat co je to font family?
92) Alassëa [06. 10. 2012 | 15:05]
AndMark: a opravdu si to zkoušela? Zkus to ještě jednou 
uvař si hezky nějaký dobrý čajík, sedni si, pusť si svou oblíbenou muziku a zkus to ještě jednou. Samozřejmně pokud ani potom neuspěješ a opravdu ti to nepůjde jistě ti to někdo z adminů vysvětlí. 
91) AndMark [06. 10. 2012 | 08:50]
Ahoj,prosím nemohl byste mi to někdo vysvětlit podrobněji?Vůbec to nechápu,jak a co mám udělat.Děkuju napište mi prosím na Howrse jsem AndMark odměna Vás nemine
90) leník96 [01. 10. 2012 | 09:13]
Ahoj,pořád mi to nějak nejde a tak vás chci poprosit jestly by někdo neměl ztrpení a nenaučil mě to, mohly bys me se dohodnout na nějaké věci z ČT kdyby měl někdo zájem pište do soukromých zpráv na howse jsem:leník96 Ahojky
89) Zaara [30. 09. 2012 | 17:30]
STELISS: Pokud vím, tak tam byl rozdíl akorát v tom, že první okénko bylo jen jedno... Tam je tedy třeba udělat v prvním řádku tabulky jen jednu buňku a dát jí colspan - tedy <td colspan="2"> ... </td>. Další řádky už jsou stejné .
akchak: Nemáš vůbec zač
Sari: Špatná URL adresa nebo překlep .
88) Sari [29. 09. 2012 | 22:20]
Všetko chápem ale eď som to nakódovala tak text bol tam kde mal byť ale pozadie sa mi neukazovalo
87) akchak [29. 09. 2012 | 20:23]
Už jsem to pochopila, dělám to sice zatím metodou pokus omyl chyba ale snad se to brzy naučím. DĚKUJI MOC admince Zaara
86) Sari [29. 09. 2012 | 19:58]
STELISS: napíš mi na cz howrse na nick kacka282 a ja tu skúsim poradiť
85) STELISS [29. 09. 2012 | 10:35]
Návod je uplně super jenže ja jsem dělala tu prezentaci podle: NÁVODY OD WENDISEEK a ta vypada uplne jinak a ted nechapu jak ji mam nakodovat proto prosím o radu. kdo by byl ochotny mi poradit tak mi prosim napiste na: 1stela1@seznam.cz
84) Sari [27. 09. 2012 | 22:40]
ok ďakujem veľmi pekne 
83) Zaara [27. 09. 2012 | 20:27]
Sari: Děkujeme a kdy to bude ještě nevím, mám teď jinou práci Ale budu na to myslet a co nejdřív to dodělám
82) Sari [27. 09. 2012 | 18:22]
a kedy asi to bude ?
81) Sari [27. 09. 2012 | 18:19]
zaara mohla by si ale je to tu perfektné stránka a zatiaľ som všetkému pochopila okrem toho vypočitávania pixelov
80) Zaara [27. 09. 2012 | 14:53]
Sari: Nábor bude, až to budeme potřebovat, zatím to neplánujeme . Jinak ne, podle toho to nevypočítáš, nejjednodušší je fakt si to oříznout, asi Vám udělám ještě zvlášť návod na to...
99) Simča [07. 10. 2012 | 18:38]
Tak díky za radu bude se mi to hodit díky MOC!!!