--- site_name: WPlama site_description: "Správa, opravy a vývoj WordPress webů a e-shopů" site_url: https://www.wplama.cz contact_email: info@wplama.cz title: Simpsonovi pomocí CSS url: https://www.wplama.cz/simpsonovi-pomoci-css/ date: 2014-06-29 modified: 2017-10-28 author: Tomáš Cirkl type: post categories: [Ostatní] tags: [Chris Pattle, css, simpsonovi] --- Ostatní # Simpsonovi pomocí CSS [TC **Tomáš Cirkl**](https://www.wplama.cz/author/tomas/) Publikováno 29. 6. 2014 Aktualizováno **28. 10. 2017** 1 min čtení Pozor: Článek je z roku 2014. Některé postupy se mohly změnit. ![Simpsonovi](https://www.wplama.cz/wp-content/uploads/2014/06/simpsonovi_02.jpg "Simpsonovi") 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](https://pattle.github.io/simpsons-in-css/). Všechny zdrojové kódy jsou ke stažení z Githubu. ![Line-Divider](https://www.wplama.cz/wp-content/uploads/2014/06/Line-Divider.png "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](https://www.wplama.cz/wp-content/uploads/2014/06/Tvary-Homera.png "Tvary Homera")](https://www.wplama.cz/wp-content/uploads/2014/06 / Tvary-Homera.png) 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. - [#Chris Pattle](https://www.wplama.cz/stitek/chris-pattle/) - [#css](https://www.wplama.cz/stitek/css/) - [#simpsonovi](https://www.wplama.cz/stitek/simpsonovi/) Sdílet - - [](mailto:?subject=Simpsonovi pomocí CSS&body=Simpsonovi pomocí CSS https://www.wplama.cz/simpsonovi-pomoci-css/) - [](https://www.facebook.com/sharer/sharer.php?u=https%3A%2F%2Fwww.wplama.cz%2Fsimpsonovi-pomoci-css%2F) - [](https://www.linkedin.com/sharing/share-offsite/?url=https%3A%2F%2Fwww.wplama.cz%2Fsimpsonovi-pomoci-css%2F) TC Autor Tomáš Cirkl Baví mě Internet a zvláště pak redakční systém WordPress. Jsem pravidelným účastníkem a přednášejícím na Word Camp Praha a WordPress konferencích. 1 030 článků [Všechny články autora →](https://www.wplama.cz/author/tomas/) ## Komentáře (2) [Přidat komentář →](https://www.wplama.cz/simpsonovi-pomoci-css/#respond) K kamil [29. 6. 2014](https://www.wplama.cz/simpsonovi-pomoci-css/#comment-151) svatá trpělivost 😀 [Odpovědět](https://www.wplama.cz/simpsonovi-pomoci-css/#comment-151) --- P PATWIST [7. 7. 2014](https://www.wplama.cz/simpsonovi-pomoci-css/#comment-211) v komentároch na žive som našiel odkaz na video, ktoré to vystihuje 😀 [https://www.youtube.com/watch?v=b5EAEDi0LOU](https://www.youtube.com/watch?v=b5EAEDi0LOU) [Odpovědět](https://www.wplama.cz/simpsonovi-pomoci-css/#comment-211) --- ### Přidat komentář [Zrušit odpověď](https://www.wplama.cz/simpsonovi-pomoci-css/#respond) [← Předchozí článek Chyba „Error Establishing a Database Connection“](https://www.wplama.cz/chyba-error-establishing-a-database-connection/) [Další článek → Nastavení WordPressu, která možná neznáte](https://www.wplama.cz/nastaveni-wordpressu-ktera-mozna-neznate/) Související ## Mohlo by vás zajímat [Všechny články z rubriky Ostatní →](https://www.wplama.cz/wordpress/ostatni/) ![black friday wplama](https://www.wplama.cz/wp-content/uploads/2025/11/black-friday-wplama.png "black friday wplama") Ostatní ### [WordPress Black Friday 2025: Kupóny na slevy pluginů, šablon i služeb](https://www.wplama.cz/wordpress-black-friday/) 19. 11. 2025 6 min čtení --- ![black friday wplama](https://www.wplama.cz/wp-content/uploads/2025/11/black-friday-wplama.png "black friday wplama") Ostatní ### [BLACK FRIDAY SLEVA – 20 % na správu WordPress webu](https://www.wplama.cz/black-friday-sleva-20-na-spravu-wordpress-webu/) 18. 11. 2025 1 min čtení --- ![sureforms recenze pluginu scaled](https://www.wplama.cz/wp-content/uploads/2025/05/sureforms-recenze-pluginu-scaled.png "sureforms recenze pluginu scaled") Ostatní ### [SureForms – moderní plugin nejen pro tvorbu kontaktních formulářů ve WordPress](https://www.wplama.cz/sureforms-wordpress-kontaktni-formular/) 19. 5. 2025 12 min čtení ---