Šablona pro Webdesign Novák

HTML a CSS Šablony Šablona pro Webdesign Novák

V soutěži machr na webdesign na tomto webu (devbook.cz), jsme měli za úkol vymyslet šablonu stylů css, avšak jsme nemohli změnit strukturu html souboru.

Já jsem Panu Novákovi udělal pěkně zelenou šablonu. V šabloně jsem střídal několik barev (převážně zelené):

yellowgreen

#2B9322

#BFFA76

#7AD807

lightgrey

green

white

black

Web je (jestli se to tak dá říct) responzivní, pouze však na dvě velikosti a jediným rozdílem mezi nimi je že se o trochu zmenší navigace. Navigace je kulatá a při hoveru mění barvu. Pomocí css se před hlavní nadpis (body h1) dá znak zeměkoule fontu Segoue UI Symbol.


Galerie

Program byl vytvořen v roce 2013.

 

Stáhnout

Staženo 421x (2.13 kB)
Aplikace je včetně zdrojových kódů v jazyce HTML a CSS

 

  Aktivity (1)

Program pro vás napsal Michal Žůrek (misaz)
Avatar
Autor se věnuje tvorbě aplikací pro počítače, mobilní telefony, mikroprocesory a tvorbě webových stránek a webových aplikací. Nejraději programuje ve Visual Basicu a TypeScript. Ovládá HTML, CSS, JavaScript, TypeScript, C# a Visual Basic.

Jak se ti líbí článek?
Celkem (9 hlasů) :
2.88892.88892.8889 2.88892.8889


 


Miniatura
Všechny články v sekci
Šablony pro vaše weby

 

 

Komentáře

Avatar
Honza Bittner
Redaktor
Avatar
Honza Bittner:

Podle mě je to ucházející šablona a dá se na ní mnohé vylepšit :)
Vynechal bych kulaté položky v menu a zmenšil bych zaoblení okrajů :)

Odpovědět  +1 1.4.2013 19:36
Ptejte se mě na cokoli na https://github.com/HoBi/ama a followujte mě na Twitteru https://twitter.com/tenhobi. :-)
Avatar
Jiří Gracík
Redaktor
Avatar
Jiří Gracík:

Myslím si že hodnocení naprosto neodpovídá vzhledu šablony. Dokázal celkem pěkně sladit barvy, jediné dvě designové výtky - ten text s pozadím splývá, ta šedá tam vůbec neměla být, k těm zvoleným barvám se na tak velkou plochu vůbec nehodí, druhá jsou ty přechody (teď, když už můžeš použít obrázky bych volil něco jiného :))

Odpovědět 2.6.2013 14:27
Creating websites is awesome till you see the result in another browser ...
Avatar
Odpovídá na Jiří Gracík
Michal Žůrek (misaz):

podle mě zas hodnocení odpovídá. Až se budu hodně nudit tak to předělám.

Odpovědět 2.6.2013 14:32
Nesnáším {}, proto se jim vyhýbám.
Avatar
Jiří Gracík
Redaktor
Avatar
Odpovědět 2.6.2013 14:34
Creating websites is awesome till you see the result in another browser ...
Avatar
Jiří Gracík
Redaktor
Avatar
Jiří Gracík:

Když už jsem v tom, tak toto taky není "velmi pěkné" :D
http://www.itnetwork.cz/…eby-dog-food

no a moje šablona C# taky na 5 hvězdiček není
http://www.itnetwork.cz/…p-programing

Odpovědět 2.6.2013 14:35
Creating websites is awesome till you see the result in another browser ...
Avatar
Odpovídá na Jiří Gracík
Michal Žůrek (misaz):

tam ty by asi taky měly mít 2, tady u této šablony s tím souhlasím, spíš mě zaráží: http://www.itnetwork.cz/…aska-sablona tam si myslím, že bych minimálně jednu navíc měl mít.

Odpovědět 2.6.2013 14:36
Nesnáším {}, proto se jim vyhýbám.
Avatar
Odpovídá na Jiří Gracík
Michal Žůrek (misaz):

za c# to máš nejen za design, ale i za obsahovou stránku :) U c# s ***** souhlasím

Odpovědět 2.6.2013 14:38
Nesnáším {}, proto se jim vyhýbám.
Avatar
David Čápka
Tým ITnetwork
Avatar
Odpovídá na Jiří Gracík
David Čápka:

Ten DogFood musím předělat, je to ještě přes tabulku :D Hodnocení je od lidí z ulice, takže samozřejmě není přesné. Nějakou váhu to má až když je lidí co hlasovali hodně.

Odpovědět 2.6.2013 14:39
Miluji svou práci a zdejší komunitu, baví mě se rozvíjet, děkuji každému členovi za to, že zde působí.
Avatar
Jiří Gracík
Redaktor
Avatar
Odpovědět 2.6.2013 15:32
Creating websites is awesome till you see the result in another browser ...
Děláme co je v našich silách, aby byly zdejší diskuze co nejkvalitnější. Proto do nich také mohou přispívat pouze registrovaní členové. Pro zapojení do diskuze se přihlas. Pokud ještě nemáš účet, zaregistruj se, je to zdarma.

Zobrazeno 9 zpráv z 9.