Šablóna HTML a CSS - Game developers (black)

Šablóna je určená pre tvorcov hier. Zobrazenie bolo testované v prehliadačoch IE 9 a Google Chróm. Ako HTML, tak CSS prešli W3C validátorom bez + errorov.

Opäť (ako už býva zvykom u každej šablóny) som použil pre mňa úplne novú vec, najprv ukážem kód, potom vysvetlím, čo to robí.

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

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

Tí bystrejší už asi pochopili, že sa jedná o akúsi podmienku (či sa o podmienke dá v prípade CSS vôbec hovoriť : P ?), Ktorá nám v rôznych prípadoch nastyluje rôzne div. media all znamená, že podmienka platí pre akýkoľvek prehliadač, zariadení či trebárs aj náhľad pri tlači. Medzi jednotlivými tvrdeniami musí sa slovo and (programátorské &&). min-width a max-width určujú minimálnu a maximálnu šírku stránky pre aplikovanie štýlu.

Použitie je vhodné pre stránky, ktorých obsah by si užívatelia často tlačili a môžete tým zabezpečiť, aby sa vytlačilo niečo aspoň trochu pekného

Záverom opäť spomeniem, že web si môžete akokoľvek upravovať a meniť. Jediné čo musí zostať nemenné, je obsah pätičky, veľkosť fontu pätičky, kontrast medzi jej textom a pozadím - proste aby bola stále viditeľná a čitateľná. (Samozrejme si môžete pridať copyright, ale autor a zdroj musí zostať )

Galéria