<?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>Belajar CSS &#187; Kumpulan Kode CSS</title>
	<atom:link href="http://www.belajarcss.com/category/kumpulan-kode-css/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.belajarcss.com</link>
	<description></description>
	<lastBuildDate>Tue, 26 May 2009 09:36:33 +0000</lastBuildDate>
	<generator>http://wordpress.org/?v=2.8.4</generator>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<item>
		<title>Kode CSS Untuk Header Lebar Penuh</title>
		<link>http://www.belajarcss.com/kode-css-untuk-header-lebar-penuh/</link>
		<comments>http://www.belajarcss.com/kode-css-untuk-header-lebar-penuh/#comments</comments>
		<pubDate>Tue, 26 May 2009 09:33:09 +0000</pubDate>
		<dc:creator>Dini Shanti</dc:creator>
				<category><![CDATA[Kumpulan Kode CSS]]></category>
		<category><![CDATA[css header]]></category>
		<category><![CDATA[header full width]]></category>
		<category><![CDATA[header lebar penuh]]></category>
		<category><![CDATA[kode css header]]></category>

		<guid isPermaLink="false">http://www.belajarcss.com/?p=123</guid>
		<description><![CDATA[Hari ini lagi ngerjain design untuk salah satu web baru ku, dan design nya tuh headernya full lebar screen gitu&#8230;
Ini ya, kode buat headernya:
#header {position:absolute;
left:0;
top:0;
width:100%;}

Dan letak kode headernya, di luar bagian yang lebarnya ditentukan (fix width) yaa.., misalnya:
&#60;div id=header&#62;
&#8230; isi header
&#60;/div&#62;
&#60;div id=content&#62;
&#8230; isi content yang fix width
&#60;/div&#62;

Contoh hasil bisa di lihat di www.dBC-Online.com


  addthis_url [...]]]></description>
		<wfw:commentRss>http://www.belajarcss.com/kode-css-untuk-header-lebar-penuh/feed/</wfw:commentRss>
		<slash:comments>3</slash:comments>
		</item>
		<item>
		<title>Membuat Tampilan Design Di Tengah</title>
		<link>http://www.belajarcss.com/membuat-tampilan-design-di-tengah/</link>
		<comments>http://www.belajarcss.com/membuat-tampilan-design-di-tengah/#comments</comments>
		<pubDate>Sun, 12 Apr 2009 23:27:57 +0000</pubDate>
		<dc:creator>Dini Shanti</dc:creator>
				<category><![CDATA[Kumpulan Kode CSS]]></category>
		<category><![CDATA[belajar css]]></category>
		<category><![CDATA[css align center]]></category>
		<category><![CDATA[css IE center]]></category>
		<category><![CDATA[css page centered]]></category>

		<guid isPermaLink="false">http://www.belajarcss.com/?p=106</guid>
		<description><![CDATA[Jika kita menggunakan design dengan lebar tetap, akan terlihat lebih cantik kalau design tersebut berada di tengah tampilan browser.
Hal ini bisa dengan mudah dicapai dengan menggunakan kode:
#outer {
margin: 10px auto;
}
Pasang kode css ini di sebagai property dari bagian paling luar yang menampung isi konten. Dalam contoh diatas, berarti digunakan id  #outer sebagai wadah paling luar. [...]]]></description>
		<wfw:commentRss>http://www.belajarcss.com/membuat-tampilan-design-di-tengah/feed/</wfw:commentRss>
		<slash:comments>3</slash:comments>
		</item>
		<item>
		<title>Membuat Menu Link Berubah Warna</title>
		<link>http://www.belajarcss.com/membuat-menu-link-berubah-warna/</link>
		<comments>http://www.belajarcss.com/membuat-menu-link-berubah-warna/#comments</comments>
		<pubDate>Mon, 16 Mar 2009 11:59:58 +0000</pubDate>
		<dc:creator>Dini Shanti</dc:creator>
				<category><![CDATA[Kumpulan Kode CSS]]></category>
		<category><![CDATA[berubah warna css]]></category>
		<category><![CDATA[link css]]></category>
		<category><![CDATA[menu css]]></category>
		<category><![CDATA[menu link css]]></category>

		<guid isPermaLink="false">http://www.belajarcss.com/?p=93</guid>
		<description><![CDATA[
.menusimple {
padding:10px;
}
.menusimple a {
display: block;
width: 200px;
margin-top:-20px;
height: 20px;
color: #000000;
background: #e9e9e9;
padding:6px;
text-decoration:none;
}

.menusimple  a:hover {
display: block;
color: #ffffff;
background: #000000;
text-decoration:none;
}

Kode css ini akan memformat blok menu link dengan background dan warna font yang berubah ketika kursor mouse berada di atasnya.
Contoh hasil:
Taruh kursor mouse anda di link-link di bawah ini.
Belajar Wordpress
Belajar Bisnis Online
Belajar HTML
Kode css yang digunakan:
.menusimple a {
display: block;
width: 100px;
height: [...]]]></description>
		<wfw:commentRss>http://www.belajarcss.com/membuat-menu-link-berubah-warna/feed/</wfw:commentRss>
		<slash:comments>4</slash:comments>
		</item>
	</channel>
</rss>
