NOVINKA – Víkendový online kurz Software tester, který tě posune dál. Zjisti, jak na to!
NOVINKA - Online rekvalifikační kurz Java programátor. Oblíbená a studenty ověřená rekvalifikace - nyní i online.

Šablona HTML a CSS - Game developers (white)

Šablona je určená pro tvůrce her. Zobrazení bylo testováno v prohlížečích IE 9 a Google Chrome. 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žením následujícího souboru souhlasíš s licenčními podmínkami

Staženo 337x (1.49 MB)
Aplikace je včetně zdrojových kódů v jazyce HTML a CSS

 

Všechny články v sekci
Zdrojákoviště
Program pro vás napsal Neaktivní uživatel
Avatar
Uživatelské hodnocení:
1 hlasů
Tento uživatelský účet již není aktivní na základě žádosti jeho majitele.
Aktivity