<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>Interval.cz &#187; Pro CSS</title>
	<atom:link href="http://interval.cz/hotova-reseni/pro-css/feed/" rel="self" type="application/rss+xml" />
	<link>http://interval.cz</link>
	<description>Webdesign, programování, e-komerce</description>
	<lastBuildDate>Fri, 10 Sep 2010 06:53:08 +0000</lastBuildDate>
	<generator>http://wordpress.org/?v=2.9.1</generator>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<item>
		<title>Komentování kódu: čemu se raději vyhnout?</title>
		<link>http://interval.cz/clanky/komentovani-kodu-cemu-se-radeji-vyhnout/</link>
		<comments>http://interval.cz/clanky/komentovani-kodu-cemu-se-radeji-vyhnout/#comments</comments>
		<pubDate>Tue, 27 Jul 2010 10:00:35 +0000</pubDate>
		<dc:creator>Zdeněk Malbek</dc:creator>
				<category><![CDATA[Pro CSS]]></category>
		<category><![CDATA[Zprávičky]]></category>

		<guid isPermaLink="false">http://interval.cz/?p=11097</guid>
		<description><![CDATA[
Jedno rčení říká, že kvalitu programátora nepoznáte podle toho, jaký výsledný kód vyprodukuje, ale podle toho, jakým stylem přistupuje ke komentování zdrojového kódu, který vytvořil. Humorný a ironicky laděný článek 5 Types of Comments to Avoid Making in Your Code  popisuje celkem pět způsobů pro okomentování zdrojového kódu, kterým byste se měli ve vlastním [...]]]></description>
		<wfw:commentRss>http://interval.cz/clanky/komentovani-kodu-cemu-se-radeji-vyhnout/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Jak na lokální instalaci redakčního systému WordPress</title>
		<link>http://interval.cz/clanky/jak-na-lokalni-instalaci-redakcniho-systemu-wordpress/</link>
		<comments>http://interval.cz/clanky/jak-na-lokalni-instalaci-redakcniho-systemu-wordpress/#comments</comments>
		<pubDate>Mon, 28 Jun 2010 13:15:58 +0000</pubDate>
		<dc:creator>Zdeněk Malbek</dc:creator>
				<category><![CDATA[Pro CSS]]></category>
		<category><![CDATA[WordPress]]></category>
		<category><![CDATA[Zprávičky]]></category>

		<guid isPermaLink="false">http://interval.cz/?p=11036</guid>
		<description><![CDATA[
Redakční systém WordPress se nejčastěji instaluje na webové servery s podporou Apache, PHP a MySQL. Na stejných serverech obvykle běží i "testovací" verze WordPressu, která se používá nejenom pro kontrolu funkčnosti a kompatibility nových verzí pluginů, ale i pro kontrolu nových verzích samotného WordPressu. Není ovšem praktičtější provádět takové testování na lokálním počítači? Určitě je. [...]]]></description>
		<wfw:commentRss>http://interval.cz/clanky/jak-na-lokalni-instalaci-redakcniho-systemu-wordpress/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>Hover efekt pro seznam odkazů</title>
		<link>http://interval.cz/clanky/hover-efekt-pro-seznam-odkazu/</link>
		<comments>http://interval.cz/clanky/hover-efekt-pro-seznam-odkazu/#comments</comments>
		<pubDate>Mon, 16 Jul 2007 07:55:39 +0000</pubDate>
		<dc:creator>Redakce Interval.cz</dc:creator>
				<category><![CDATA[Pro CSS]]></category>
		<category><![CDATA[Pro CSS: formátování]]></category>

		<guid isPermaLink="false">http://interval.cz/?p=7634</guid>
		<description><![CDATA[Chcete-li ozvláštnit seznam odkazů, vhodným prvkem může být například tzv. hover efekt který známe převážně z různých typů tlačítek.

Zde si můžete prohlédnout výsledek.
Toto řešení publikoval Christian Watson. Bližší popis najdete v článku How to Create a Block Hover Effect for a List of Links.
CSS

#links ul
 {
         list-style-type: [...]]]></description>
		<wfw:commentRss>http://interval.cz/clanky/hover-efekt-pro-seznam-odkazu/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>Tabulka s posuvníkem a pružnou šířkou</title>
		<link>http://interval.cz/clanky/tabulka-s-posuvnikem-a-pruznou-sirkou/</link>
		<comments>http://interval.cz/clanky/tabulka-s-posuvnikem-a-pruznou-sirkou/#comments</comments>
		<pubDate>Tue, 10 Jul 2007 07:52:59 +0000</pubDate>
		<dc:creator>Redakce Interval.cz</dc:creator>
				<category><![CDATA[Pro CSS]]></category>
		<category><![CDATA[Pro CSS: formátování]]></category>

		<guid isPermaLink="false">http://interval.cz/?p=7632</guid>
		<description><![CDATA[Tabulka u které je popis sloupců jednotlivých buněk viditelný i po scrollování směrem dolů. Její šířka není pevně stanovena a mění se v závislosti na velikosti viewportu.

Zde si můžete prohlédnout výsledek.
Toto řešení publikoval Brett Merkey. Bližší popis najdete v článku Scrollable Table with Fixed Header.
CSS

 	div.obalTabulky
 	{
 	  width: 95%;
 		height: 295px;
 		overflow: auto;
 [...]]]></description>
		<wfw:commentRss>http://interval.cz/clanky/tabulka-s-posuvnikem-a-pruznou-sirkou/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>Stránkování</title>
		<link>http://interval.cz/clanky/strankovani/</link>
		<comments>http://interval.cz/clanky/strankovani/#comments</comments>
		<pubDate>Mon, 02 Jul 2007 08:34:06 +0000</pubDate>
		<dc:creator>Redakce Interval.cz</dc:creator>
				<category><![CDATA[Pro CSS]]></category>
		<category><![CDATA[Pro CSS: triky a finty]]></category>

		<guid isPermaLink="false">http://interval.cz/?p=7722</guid>
		<description><![CDATA[Navigace ve formě odkazování na další stránky. Lze ji vidět predevším u internetových obchodů, katalogů a vyhledávačů, pokud se obsah nevejde na jednu stránku a je potřeba jej rozdělit na stránky další.

Zde si můžete prohlédnout výsledek.
Toto řešení publikoval Ian Main. Bližší popis najdete v článku CSS Pagination Links.
CSS

.odstrankovani
{
padding: 2px;
}
.odstrankovani ul
{
margin: 0;
padding: 0;
text-align: left;
font-size: 16px;
}
.odstrankovani li
{
list-style-type: [...]]]></description>
		<wfw:commentRss>http://interval.cz/clanky/strankovani/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>CSS hacky - přehled</title>
		<link>http://interval.cz/clanky/css-hacky-prehled/</link>
		<comments>http://interval.cz/clanky/css-hacky-prehled/#comments</comments>
		<pubDate>Sat, 26 May 2007 07:54:16 +0000</pubDate>
		<dc:creator>Redakce Interval.cz</dc:creator>
				<category><![CDATA[Pro CSS]]></category>
		<category><![CDATA[Pro CSS: pomůcky a nástroje]]></category>

		<guid isPermaLink="false">http://interval.cz/?p=7710</guid>
		<description><![CDATA[Tabulka uvádí nejznámější CSS hacky (někdy bývají též označovány "CSS triky") a jejich použitelnost v různých prohlížečích na různých operačních systémech.

V prvním sloupci tabulky je uvedena speciální CSS konstrukce a další sloupce ukazují, zda je určitý prohlížeč (verze) na určitém operačním systému bude či nebude aplikovat. Kliknutím na konkrétní CSS hack si můžete otestovat, jak [...]]]></description>
		<wfw:commentRss>http://interval.cz/clanky/css-hacky-prehled/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Pracovní režimy prohlížečů</title>
		<link>http://interval.cz/clanky/pracovni-rezimy-prohlizecu/</link>
		<comments>http://interval.cz/clanky/pracovni-rezimy-prohlizecu/#comments</comments>
		<pubDate>Thu, 26 Apr 2007 08:14:15 +0000</pubDate>
		<dc:creator>Redakce Interval.cz</dc:creator>
				<category><![CDATA[Pro CSS]]></category>
		<category><![CDATA[Pro CSS: pomůcky a nástroje]]></category>

		<guid isPermaLink="false">http://interval.cz/?p=7716</guid>
		<description><![CDATA[Tabulka uvádí vykreslovací režimy prohlížečů (též módy či pracovní režimy prohlížeče) a popisuje jejich závislost na deklaraci typu dokumentu DTD.

Níže uvedená tabulka platí pouze pro dokumenty s přenosovou HTTP hlavičkou Content-Type: text/html.
Prohlížeče MSIE&#160;5 a MSIE&#160;5.5 nemají pracovní režimy a z hlediska této tabulky tedy pracují vždy v "kompatibilním" režimu (de&#160;facto kompatibilní režim novějších verzí MSIE [...]]]></description>
		<wfw:commentRss>http://interval.cz/clanky/pracovni-rezimy-prohlizecu/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Drobečková navigace v CSS</title>
		<link>http://interval.cz/clanky/drobeckova-navigace-v-css/</link>
		<comments>http://interval.cz/clanky/drobeckova-navigace-v-css/#comments</comments>
		<pubDate>Sun, 22 Apr 2007 10:03:40 +0000</pubDate>
		<dc:creator>Redakce Interval.cz</dc:creator>
				<category><![CDATA[Pro CSS]]></category>
		<category><![CDATA[Pro CSS: menu]]></category>

		<guid isPermaLink="false">http://interval.cz/?p=7563</guid>
		<description><![CDATA[Drobečková navigace je výborná pomůcka pro to, aby návštěvník stránky získal a udržel si představu o tom, kde se právě nachazí, a mohl se dostat jednoduše a bez přemýšlení na další důležité úrovně webu.

Pro starší verze Microsoft Internet Exploreru je využito obrázku místo pseudoelementu :before, který MSIE neměl implementován.
Zde si můžete prohlédnout výsledek.
Toto řešení publikoval [...]]]></description>
		<wfw:commentRss>http://interval.cz/clanky/drobeckova-navigace-v-css/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Stínování textu</title>
		<link>http://interval.cz/clanky/stinovani-textu/</link>
		<comments>http://interval.cz/clanky/stinovani-textu/#comments</comments>
		<pubDate>Thu, 12 Apr 2007 11:46:12 +0000</pubDate>
		<dc:creator>Redakce Interval.cz</dc:creator>
				<category><![CDATA[Pro CSS]]></category>
		<category><![CDATA[Pro CSS: triky a finty]]></category>

		<guid isPermaLink="false">http://interval.cz/?p=7800</guid>
		<description><![CDATA[Efektní, avšak poněkud neefektivní oživení nadpisů pomocí stínu bez použití obrázků nebo speciálních metod pro náhradu textu Flashem a podobných technik. Založeno výhradně na transformaci textu prostřednictvím CSS.

Zde si můžete prohlédnout výsledek.
Toto řešení publikoval Mike Cherim. Bližší popis najdete v článku  CSS: Text Shadows.
CSS

#exp_content
{
&#160;&#160;margin : auto;
&#160;&#160;text-align : left;
&#160;&#160;padding : 18px 40px 27px 4%;
&#160;&#160;height : [...]]]></description>
		<wfw:commentRss>http://interval.cz/clanky/stinovani-textu/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Obrázkové popisné seznamy</title>
		<link>http://interval.cz/clanky/obrazkove-popisne-seznamy/</link>
		<comments>http://interval.cz/clanky/obrazkove-popisne-seznamy/#comments</comments>
		<pubDate>Fri, 30 Mar 2007 08:44:29 +0000</pubDate>
		<dc:creator>Redakce Interval.cz</dc:creator>
				<category><![CDATA[Pro CSS]]></category>
		<category><![CDATA[Pro CSS: formátování]]></category>

		<guid isPermaLink="false">http://interval.cz/?p=7667</guid>
		<description><![CDATA[Toto řešení ukazuje efektní vylepšení strohých textových popisných seznamů pomocí obrázků uvozujících texty. Seznam definic (definition list - DL) tak můžeme jednoduše zkrášlit pomocí tématického obrázku.

Zde si můžete prohlédnout výsledek.
Toto řešení publikoval Zoe Gillenwater. Bližší popis najdete v článku Create a Teaser Thumbnail List Using CSS.
CSS

dl
{
&#160;&#160;width: 250px;
&#160;&#160;font-size: 80%;
}
dt
{
&#160;&#160;float: right;
&#160;&#160;width: 190px;
&#160;&#160;font-weight: bold;
&#160;&#160;font-family: Georgia, "Times New Roman", [...]]]></description>
		<wfw:commentRss>http://interval.cz/clanky/obrazkove-popisne-seznamy/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>
