Právě probíhající akce na Howrse: Důl Elementálů+ Všechny akce
Právě probíhající soutěž: Zatím žádná+ Všechny soutěže
Přehled českých výtvorů v KP!
Chat s adminkami
• Bleskovky a informace, co na webu nenajdete - sledujte nás na Facebooku!
• Anketa - VIP vs. Pegasus
Podvodné stránky - nenaleťte!+ Více novinek

V. Nakódování šablony

http://i.minus.com/icTF3ydl2zwb.png

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ář

Autor:

Text:

:) ;) B) :( :'( :P :D XD *yes* *no* :* :[ :-/ :O
Velké množství smajlíků či pouze smajlíky do komentářů nepatří!

Opište tento text: CAPTCHA

Komentáře

79)  Sari  [27. 09. 2012 | 09:56]

SariNo moc mi to nepomohlo :D môžem to vymeriavať napr. podľa tohoto. http://www.jednotky.sk/metricke_jednotky/vypoctova_technika/graficke_jednotky/pixel-px/ ? dík

78)  Sari  [27. 09. 2012 | 09:17]

SariZaara tak ďakujem :) A inak nevieš kedy bude ďalší nábor na administrátora webu ?

77)  Zaara  [26. 09. 2012 | 23:33]

ZaaraSarah: V návodu krok za krokem je to popsáno (pokud jsi to nečetla, jinak další možnosti nvm) :).

akchak: Koukám, že jsi mi ho posílala - omlouvám se, neměla jsem teď čas, ale mrknu se ti na to hned ;).

76)  Sari  [26. 09. 2012 | 19:04]

Sariakchak ak chceš tak mi napíš na email sasinka00@azet.sk a ja ti skúsim pomôcť ;)

75)  akchak  [26. 09. 2012 | 18:45]

Ahoj mám to nějaký rozházený a nevím kde je chyba, mohl by mi někdo pomoci?
Díky akchak

74)  Sari  [26. 09. 2012 | 18:38]

SariProsím vás ako vyrátavate tie pixely tých okrajov a pretekania či čo to je ? Prosím odpovedzte mi buď tu alebo na sasinka00@azet.sk
Ďakujem:)

73)  Zaara  [26. 09. 2012 | 15:20]

ZaaraBohužel já už vážně nevím, jak víc Vám pomoct :). Jak jsem psala - pokud budete mít nějaký konkrétní problém/dotaz, tak Vám samozřejmě ráda pomůžu. Ale jinak prostě musíte zkoušet a nevzdávat to, chce to taky čas, třeba to pochopíte za pár dní nebo týdnů. Netlačte na pilu a dejte si pauzu a vraťte se k tomu za nějaký čas...

72)  janča  [23. 09. 2012 | 17:21]

pořád mi to nejde *no* zkoušela sem to aspoň10x*no*

71)  cleo.d  [20. 09. 2012 | 06:37]

:( Pořád to nechápu:(

70)  anexa1  [16. 09. 2012 | 20:01]

pivo: To jsme na tom stejně mě se to tak taky ukazuje*no*

69)  pivo  [16. 09. 2012 | 17:45]

Šablona se mi povedla, ale nakódovat ji....Zobrazili se mi tam jenom ty nadpisy(TEXT PRODEJE, TEXT VÝMĚNY, ...)
Má někdo čas mi to nějak vysvětlit?
Moc děkuji, pivo.

68)  KajiQ  [15. 09. 2012 | 15:45]

Ugh... já to nechápu...
Achjo, asi to nikdy nenaučím... :(

67)  Petruška  [15. 09. 2012 | 13:44]

Tak pak napiš až budeš mít čas ;)

66)  Kuki  [14. 09. 2012 | 14:41]

Chci se omluvit nechtěl sem napsat jako Autora Zaaru překlik sem se..:O

65)  Zaara  [14. 09. 2012 | 14:40]

Tak jo ;)

64)  Zaara  [11. 09. 2012 | 20:15]

Zaarabibi199902: Jak už jsem psala mockrát, buď tam máš překlep nebo špatnou URL :) Pokud mi pošleš kód do zprávy na Howrse, mrknu se ti na to ;).

Petruška: OK, díky, pošlu ti to tedy tam :).

63)  AsDeeN  [11. 09. 2012 | 20:09]

AsDeeNElii: Nejspíše to bude nepodporovanou koncovkou souboru, pamatuješ si v čem jsi to ukládala? Nejlepší je použít .jpg (.jpeg), popř. .png ;)

62)  Elii  [11. 09. 2012 | 18:07]

Šablonu jsem dělala ve photofiltru a potom uložila do počítače. Jenže mi nejde dát na žádný web! Skoušela jsem rajče.net a webnobe a na ani jednom to nešlo. Co mám dělat?

61)  Petruška  [11. 09. 2012 | 16:38]

Zaaro, moje přezdívka je Petruška už sem ti předtím psala ;)

60)  anexa1  [11. 09. 2012 | 14:16]

Zaara: Ok máš to v poště;):)

«   1 2 3 4 5 6 7 8 9 10   »