Šablona HTML a CSS - C# programing

HTML a CSS Šablony Šablona HTML a CSS - C# programing

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.

Dnes jsem vytvořil jednoduchou šablonu používající HTML & CSS, zaměřenou na programování v C#. Šablona neobsahuje (kromě pozadí o velikosti 41kB) žádné obrázky, takže načítání je velice rychlé. Zobrazení bylo testováno v prohlížečích IE 10 a Google Chrom. Jak HTML, tak CSS prošly W3C validátorem bez errorů.

Na tomto webu jsem použil věc, kterou jsem nikdy nepoužil a pravděpodobně už nikdy nepoužiji - CSS vlastnosti :before a :after. Tyto vlastnosti vkládají před nebo za objekt řetězec. Příklad:

p:before{
        color: #0F0;
        content: 'Začátek - ';
}

p:after {
        color: #0F0;
        content: '- Konec';
}

Nyní bude před všemi odstavci zeleným písmem "Začátek - ", a za nimi " - Konec". Mám pocit že to asi nikdy nepoužiji, ale jsem rád že jsem něco takového objevil.

Na závěr bych rád zmínil, ž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á.


Galerie

Program byl vytvořen v roce 2013.

 

Stáhnout

Staženo 486x (153.18 kB)
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 (15 hlasů) :
4.866664.866664.866664.866664.86666


 


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

 

 

Komentáře
Zobrazit starší komentáře (2)

Avatar
David Čápka
Tým ITnetwork
Avatar
David Čápka:

Fakt dobře provedené, třeba ten switch v menu, to je prostě pecka :) Jsem strašně rád, že sem přibývají šablony, moc jich tu zatím není.

Odpovědět 22.3.2013 19:21
Miluji svou práci a zdejší komunitu, baví mě se rozvíjet, děkuji každému členovi za to, že zde působí.
Avatar
Jiří Gracík
Redaktor
Avatar
Odpovídá na David Čápka
Jiří Gracík:

Jak jsem řek, trošku se na to zaměřím :) Kdybyste chtěli nějakou speciální šablonu, tak napište :)

Odpovědět 22.3.2013 19:26
Creating websites is awesome till you see the result in another browser ...
Avatar
Petr Nymsa
Redaktor
Avatar
Petr Nymsa:

Je to pěkný ale počtou si tam pouze zasvěcení :D

Odpovědět 22.3.2013 19:27
Pokrok nezastavíš, neusni a jdi s ním vpřed
Avatar
Jiří Gracík
Redaktor
Avatar
Odpovídá na Petr Nymsa
Jiří Gracík:

Však to je šablona jenom pro zasvěcený 8-)

Odpovědět  +3 22.3.2013 19:28
Creating websites is awesome till you see the result in another browser ...
Avatar
Michal Žůrek (misaz):

Moc pěkné.

Odpovědět  +2 22.3.2013 20:22
Nesnáším {}, proto se jim vyhýbám.
Avatar
tomichi
Redaktor
Avatar
tomichi:

Jinak s experimenty s after já častou využívám dejme tomu že chci aby v menu tvořené ze seznamu . Aby list-style nebyl • ale » tak nastavím list-style none; a do li:after dám vlastnost content: "»"

Odpovědět 22.3.2013 21:03
Dělte se o svou zkušenost, je to cesta jak dosáhnout nesmrtelnosti. Dalajláma
Avatar
Jiří Gracík
Redaktor
Avatar
Odpovídá na tomichi
Jiří Gracík:

Vzhledem k tomu že seznamy velice zřídka používám na něco jiného než na menu, tak si myslím, že stejně už nikdy nepoužiju ani after, ani before ...

Odpovědět 22.3.2013 21:23
Creating websites is awesome till you see the result in another browser ...
Avatar
Kit
Redaktor
Avatar
Odpovídá na Jiří Gracík
Kit:

To je škoda, protože seznamy a definice jsou obecně velmi dobře použitelné. Vždy, když někde v HTML vidím samostatné <br>, je to zpravidla nějaký seznam. Když vidím dvě <br> za sebou, bývá to další odstavec. Definice se občas zbytečně obchází podivným stylováním nebo tabulkami.

Odpovědět 23.3.2013 10:33
Vlastnosti objektů by neměly být veřejné. A to ani prostřednictvím getterů/setterů.
Avatar
Odpovědět  +1 20.7.2013 20:12
Why so serious? -Joker
Avatar
Jiří Gracík
Redaktor
Avatar
Jiří Gracík:

Člověk se na to po nějaký době podívá a říká si jenom wtf ... :D

Odpovědět  +1 8.4.2016 10:42
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 10 zpráv z 12. Zobrazit vše