Šablona HTML a CSS - Game developers (white)

HTML a CSS Šablony Š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ženo 284x (1.49 MB)
Aplikace je včetně zdrojových kódů v jazyce HTML a CSS

 

  Aktivity (1)

Program pro vás napsal Jiří Gracík
Avatar
Autor se věnuje tvorbě webových řešení v PHP, JavaScriptu a jQuery, HTML a CSS. Je nadšený jablíčkář a Microsoft Student Partner.

Jak se ti líbí článek?
Celkem (1 hlasů) :
333 33


 


Miniatura
Všechny články v sekci
Šablony pro vaše weby

 

 

Komentáře

Avatar
Kit
Redaktor
Avatar
Kit:

Pokud chci nastylovat tisk, použiju @media print ...

Odpovědět 28.3.2013 16:55
Vlastnosti objektů by neměly být veřejné. A to ani prostřednictvím getterů/setterů.
Avatar
Jiří Gracík
Redaktor
Avatar
Odpovídá na Kit
Jiří Gracík:

Přesně tak, pro náhled tisku a tisk použiješ @media print.

Přehled všech možností pro co lze stylovat například zde: http://www.javascriptkit.com/…smedia.shtml

zkoušel jsem co to podporuje, snad jedině IE <= 8 ne :P

Editováno 28.3.2013 17:14
Odpovědět 28.3.2013 17:14
Creating websites is awesome till you see the result in another browser ...
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 2 zpráv z 2.