Letní akce! Lákají tě IT školení C#, Javy a PHP v Brně? Přihlas se a napiš nám do zpráv kód "BRNO 500" pro slevu 500 Kč na libovolný brněnský kurz. Lze kombinovat se slevami uvedenými u školení i použít pro více kurzů. Akce končí 28.7.

Šablona HTML a CSS - Game developers (black)

HTML a CSS Šablony Šablona HTML a CSS - Game developers (black)

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.

Šablona je určená pro tvůrce her. Zobrazení bylo testováno v prohlížečích IE 9 a Google Chrom. Jak HTML, tak CSS prošly W3C validátorem bez errorů.

Opět (jak už bývá zvykem u každé šablony) jsem použil pro mě zcela novou věc, nejprve ukážu kód, poté vysvětlím, co to dělá.

@media all and (min-width: 1000px){
  div{
    neco;
    neco-dalsiho;
    ...
  }
}

@media all and (max-width: 999px){
  div{
    neco-jineho;
    a-treba-nic;
    ...
  }
}

Ti bystřejší už asi pochopili, že se jedná o jakousi podmínku (jestli se o podmínce dá v případě CSS vůbec hovořit :P?), která nám v různých případech nastyluje různě div. media all znamená, že podmínka platí pro jakýkoliv prohlížeč, zařízení či třeba i náhled při tisku. Mezi jednotlivými tvrzeními musí být slovo and (programátorské &&). min-width a max-width určují minimální a maximální šířku stránky pro aplikování stylu.

Použítí je vhodné pro stránky, jejichž obsah by si uživatelé často tiskli a můžete tím zajistit, aby se vytisklo něco alespoň trochu pěkného :)

Závěrem opět zmíním, že web si můžete jakkoliv upravovat a měnit. Jediné co musí zůstat neměnné, je obsah patičky, velikost fontu patičky, kontrast mezi jejím textem a pozadím - prostě aby byla stále viditelná a čitelná. (samozřejmě si můžete přidat copyright, ale autor a zdroj musí zůstat :) )


Galerie

Program byl vytvořen v roce 2013.

 

Stáhnout

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

 

 

Program pro vás napsal Neaktivní uživatel
Avatar
Jak se ti líbí článek?
3 hlasů
Tento uživatelský účet již není aktivní na základě žádosti jeho majitele.
Miniatura
Všechny články v sekci
Šablony pro vaše weby
Aktivity (1)

 

 

Komentáře

Avatar
Michal Žůrek - misaz:26.3.2013 22:09

No, už mě to tak neosilnilo jako ta pro C#.

Odpovědět 26.3.2013 22:09
Nesnáším {}, proto se jim vyhýbám.
Avatar
Honza Bittner
Šupák
Avatar
Odpovídá na Michal Žůrek - misaz
Honza Bittner:26.3.2013 22:31

já si myslím že je i tato dost povedená :)

Odpovědět 26.3.2013 22:31
Milovník Dartu. Student FIT ČVUT. Sleduj mě na https://twitter.com/tenhobi a ptej se na cokoli na https://github.com/...
Avatar
Odpovídá na Michal Žůrek - misaz
Neaktivní uživatel:27.3.2013 7:12

Ta pro C# byla daleko lepší, tady se mi bohužel úplně nepodařilo udělat vše jak jsem chtěl :P ...

Odpovědět 27.3.2013 7:12
Neaktivní uživatelský účet
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 3 zpráv z 3.