Simpsonovi

Simpsonovi pomocí CSS

Také máte rádi tuto kreslenou rodinku? Co byste řekli na to, že Chris Pattle si dal tu práci a vytvořil většinu postaviček ze seriálu pouze za použití CSS.

Celkem takto vytvořil 13 postaviček. Dalších 5 postaviček, mezi kterými najdete Lízu, pana Burnse či Komixáka, najdete v oficiálním přehledu. Všechny zdrojové kódy jsou ke stažení z Githubu.

Line-Divider

Pro lepší pochopení, jak pracné a náročné to pro autora muselo být, se podívejte na obrázek níže, kde je vyobrazen základ Homerovi hlavy.

Pokud by vás zajímalo, jak vznikli Simpsonovi v CSS, přečtěte si článek na Chrisově webu, kde vše podrobně popisuje. Do budoucna má Chris v plánu přidat více postaviček a rozšířit tak svou sbírku.

Tvary Homera
Tvary Homera

Postavičku vložíte na stránku tak, že si z Githubu stáhnete její HTML dokument a CSS dokument. CSS nahrajete na FTP a do HEAD webu jej přidáte. Například takto:

link rel="stylesheet" type="text/css" href="http://www.vasweb.cz/css/homer.css"

HTML soubor otevřete a zkopírujete si vše, co se nachází v BODY. To pak jen vložíte tam, kde chcete aby se hlava postavičky objevila.

Neuteklo vám něco?

Pokrok a WordPress na nikoho nečekají, tak nám tu raději nechte email, ať o nic nepřijdete!

Nespamujeme! Další informace naleznete v našich zásadách ochrany osobních údajů.

Správa WordPress webu

Nemusíte na to být sami. Pomůžeme vám s pravidelnou údržbou i novými vylepšeními.

Více informací

2 názory na “Simpsonovi pomocí CSS”

Diskuze

Vaše e-mailová adresa nebude zveřejněna. Vyžadované informace jsou označeny *

Nákupní košík
Přejít nahoru