Válí se ti projekty v šuplíku? Dostaň je mezi lidi a získej cool tričko a body na profi IT kurzy v soutěži ITnetwork summer 2017!
Přidej si svou IT školu do profilu a najdi spolužáky zde na síti :)

HTML5 free template osobní stránky

HTML a CSS Šablony HTML5 free template osobní stránky

ONEbit hosting Unicorn College Tento obsah je dostupný zdarma v rámci projektu IT lidem. Vydávání, hosting a aktualizace umožňují jeho sponzoři.

Ukázka webové stránky v HTML5 a CSS3. Design i kód stránky můžete použít volně. Jedinou podmínkou je zanechání odkazů dole v patičce webu. ZIP archiv obsahuje vygenerované skripty knihovny Modernizr verze 2.6.1, 20 ikon sociálních sítí ve velikosti 48x48 a 64x64. Dál jsou zde ikony webu ve formátu ico a apple ikony. Stránka je responzivní.


Galerie

Program byl vytvořen v roce 2012.

 

Stáhnout

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

 

 

Program pro vás napsal Drahomír Hanák
Avatar
Jak se ti líbí článek?
5 hlasů
Autor v současné době studuje Informatiku. Zajímá se o programování, matematiku a grafiku.
Miniatura
Všechny články v sekci
Šablony pro vaše weby
Aktivity (1)

 

 

Komentáře
Zobrazit starší komentáře (9)

Avatar
Drahomír Hanák
Tým ITnetwork
Avatar
Drahomír Hanák:5.12.2012 10:58

display: block mám nastavené jen u odkazů v menu (ul li a). U položky seznamu (ul li) mám float: left, což je poskládá vedle sebe. display: inline moc nepoužívám (na menu vůbec).

 
Odpovědět 5.12.2012 10:58
Avatar
valgard
Člen
Avatar
valgard:5.12.2012 11:56

Ok díky za odpoveď, funfuje mi to s float: left;. Musím sa ale najprv poriadne zorientovať v selektoroch. Očividne v tom mám chaos :).

 
Odpovědět 5.12.2012 11:56
Avatar
teeg
Člen
Avatar
teeg:26.1.2013 14:41

ahoj, můžu se jenom zeptat, jak jsi docílil toho, že sloupce s obsahem a sidebar jsou stejně dlouhé?

 
Odpovědět 26.1.2013 14:41
Avatar
Drahomír Hanák
Tým ITnetwork
Avatar
Odpovídá na teeg
Drahomír Hanák:26.1.2013 15:25

Ahoj. Ony vlastně nejsou stejně dlouhé :) Na pozadí obalu je jen obrázek, který se opakuje až dolů (viz. #wrap { background: #fff url('../images/wrap­.png') right top repeat-y; })

 
Odpovědět 26.1.2013 15:25
Avatar
teeg
Člen
Avatar
teeg:26.1.2013 15:37

Aha, toho jsem si nevšiml :-). Díky

 
Odpovědět 26.1.2013 15:37
Avatar
Marián Ligocký
Redaktor
Avatar
Odpovídá na teeg
Marián Ligocký:9.3.2013 20:41

ahoj chcel som si vytvoriť dalsu stranku blog.html ale v nej mne vsetky pismenka s ´ alebo ˇ da do stvorceka zo ? Ako to ze aj ked su obi dvoje stranky !presne rovnake su ine? :D

 
Odpovědět 9.3.2013 20:41
Avatar
skiller.m
Člen
Avatar
Odpovídá na Marián Ligocký
skiller.m:28.5.2013 9:51

tam kam to nahravas neni podporovaná diakritika (myslím)... tzn. vše musíš psát bez diakritiky a čtverečky nebudou:)

 
Odpovědět 28.5.2013 9:51
Avatar
Marián Ligocký
Redaktor
Avatar
Odpovídá na skiller.m
Marián Ligocký:25.7.2013 17:37

bolo to v kodovani v indexe som mal ine ako v "mojom" blog.html :)

 
Odpovědět 25.7.2013 17:37
Avatar
syntox
Člen
Avatar
syntox:23.9.2013 19:24

v tomhle neni budoucnost vubec zadna

 
Odpovědět 23.9.2013 19:24
Avatar
tomasmanhal
Člen
Avatar
tomasmanhal:29.10.2013 9:14

Možná jsem staromódní, ale tenhle se mi líbí :-)

Odpovědět  +1 29.10.2013 9:14
Kdyby nám dodali k životu zdrojový kód, vše by bylo jednodušší...
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 10 zpráv z 19. Zobrazit vše