Šablona HTML a CSS - Game developers (black)

Š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 ?), 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