Chci geek triko! Chci geek triko!
Extra 10 % bodů navíc a tričko zdarma při zadání kódu "TRIKO10"

Šablona HTML a CSS - C# programing

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

Unicorn College ONEbit hosting 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 524x (153.18 kB)
Aplikace je včetně zdrojových kódů v jazyce HTML a CSS

 

 

Program pro vás napsal Neaktivní uživatel
Avatar
Jak se ti líbí článek?
15 hlasů
Tento uživatelský účet již není aktivní na základě žádosti jeho majitele.
Miniatura
Všechny články v sekci
Šablony pro vaše weby
Aktivity (1)

 

 

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

Avatar
David Čápka
Tým ITnetwork
Avatar
David Čápka:22.3.2013 19:21

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
Jsem moc rád, že jsi na síti, a přeji ti top IT kariéru, ať jako zaměstnanec nebo podnikatel. Máš na to! :)
Avatar
Odpovídá na David Čápka
Neaktivní uživatel:22.3.2013 19:26

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
Neaktivní uživatelský účet
Avatar
Petr Nymsa
Redaktor
Avatar
Petr Nymsa:22.3.2013 19:27

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
Odpovídá na Petr Nymsa
Neaktivní uživatel:22.3.2013 19:28

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

Odpovědět  +3 22.3.2013 19:28
Neaktivní uživatelský účet
Avatar
Michal Žůrek - misaz:22.3.2013 20:22

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:22.3.2013 21:03

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
Odpovídá na tomichi
Neaktivní uživatel:22.3.2013 21:23

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
Neaktivní uživatelský účet
Avatar
Kit
Redaktor
Avatar
Odpovídá na Neaktivní uživatel
Kit:23.3.2013 10:33

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
Petr Čech
Redaktor
Avatar
Petr Čech:20.7.2013 20:12

Pěkný. 8-)

Odpovědět  +1 20.7.2013 20:12
the cake is a lie
Avatar
Neaktivní uživatel:8.4.2016 10:42

Č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
Neaktivní uživatelský účet
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