<?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>CSSim Benim &#187; CSS</title>
	<atom:link href="http://www.cssimbenim.com/kategori/css/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.cssimbenim.com</link>
	<description>Css ve diğerleri...</description>
	<lastBuildDate>Tue, 15 Jun 2010 05:46:12 +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>CSS ile Resimli Listeleme İşlemi</title>
		<link>http://www.cssimbenim.com/css-ile-resimli-listeleme-islemi/</link>
		<comments>http://www.cssimbenim.com/css-ile-resimli-listeleme-islemi/#comments</comments>
		<pubDate>Fri, 26 Mar 2010 20:31:38 +0000</pubDate>
		<dc:creator>ErhanK</dc:creator>
				<category><![CDATA[CSS]]></category>
		<category><![CDATA[CSS ile Listeleme]]></category>
		<category><![CDATA[CSS ile Maddeleme İşaretleri]]></category>
		<category><![CDATA[CSS Listeleme Yapımı]]></category>
		<category><![CDATA[CSS Resimli Listeleme]]></category>
		<category><![CDATA[list-style-image]]></category>
		<category><![CDATA[list-style-type]]></category>
		<category><![CDATA[Resimli Listeleme Yapmak]]></category>
		<category><![CDATA[Resimli Maddeleme Yapımı]]></category>

		<guid isPermaLink="false">http://www.cssimbenim.com/?p=506</guid>
		<description><![CDATA[CSS kodlamasında listeleme işlemi yapılırken çok sık kullanılan bir ikili. Bu ikilide özellikle &#60;ul&#62; kullanarak maddeleme yapılırken resimli bir şekilde nasıl maddeleme işlemini yapabileceğimizi göreceğiz.

Bilindiği üzere CSS ile maddeleme veya listeleme yapılırken &#60;ol&#62; ve &#60;ul&#62; elementleri kullanılır. &#60;ol&#62; kullanıldığında 1'den başlayarak aşağıya doğru size bir liste hazırlar. Bunun dışında &#60;ul&#62; kullanıldığında ise maddeleme olarak bir [...]]]></description>
		<wfw:commentRss>http://www.cssimbenim.com/css-ile-resimli-listeleme-islemi/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Mavi Resimli Menü Yapımı</title>
		<link>http://www.cssimbenim.com/mavi-resimli-menu-yapimi/</link>
		<comments>http://www.cssimbenim.com/mavi-resimli-menu-yapimi/#comments</comments>
		<pubDate>Fri, 01 May 2009 06:18:52 +0000</pubDate>
		<dc:creator>ErhanK</dc:creator>
				<category><![CDATA[CSS]]></category>
		<category><![CDATA[CSS Menü Kodları]]></category>
		<category><![CDATA[CSS Menüler]]></category>
		<category><![CDATA[Mavi Resimli Menü]]></category>
		<category><![CDATA[Rollover CSS Menü]]></category>

		<guid isPermaLink="false">http://www.cssimbenim.com/?p=348</guid>
		<description><![CDATA[Menü Önizlemesi

Kullanacağımız Resimler:








CSS kodlarımız:
 D&#220;Z YAZI
CSS:




div#menu &#123;width:184px; background:url&#40;menu_1.gif&#41; top no-repeat; padding-top:44px;&#125;


&#160;


div#menubody &#123;background:url&#40;menu_2.gif&#41; repeat-y; padding-left:21px;&#125;


&#160;


div#menubottom &#123;height:26px; background:url&#40;menu_4.gif&#41; bottom no-repeat;&#125;


&#160;


ul#menulist &#123;width:144px; list-style-type:none;&#125;


&#160;


ul#menulist li &#123;height:27px; background:url&#40;menu_3.gif&#41; bottom repeat-x;&#125;


&#160;


ul#menulist a &#123;width:122px; height:20px; border-left:#75c5de 10px solid; font:bold 10px Verdana, Arial, sans-serif; color:#ffffff; text-decoration:none; padding:5px 0 0 10px; display:block !important; display:inline-block;&#125;


&#160;


ul#menulist a:hover &#123;background:url&#40;menu_5.jpg&#41; left repeat-y;&#125; 






Menü için HTML kodlarımız:
 D&#220;Z YAZI
HTML:




&#60;div [...]]]></description>
		<wfw:commentRss>http://www.cssimbenim.com/mavi-resimli-menu-yapimi/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>Dock Stili Menü: Li Dock</title>
		<link>http://www.cssimbenim.com/dock-stili-css-menu-uygulamasi-li-dock/</link>
		<comments>http://www.cssimbenim.com/dock-stili-css-menu-uygulamasi-li-dock/#comments</comments>
		<pubDate>Mon, 13 Apr 2009 12:35:59 +0000</pubDate>
		<dc:creator>ErhanK</dc:creator>
				<category><![CDATA[CSS]]></category>
		<category><![CDATA[CSS Menü Kodları]]></category>
		<category><![CDATA[CSS Menüler]]></category>
		<category><![CDATA[Dock Menü]]></category>
		<category><![CDATA[Dock Stili Menü]]></category>
		<category><![CDATA[Li Dock Menü]]></category>

		<guid isPermaLink="false">http://www.cssimbenim.com/?p=341</guid>
		<description><![CDATA[Dock stilinde bir navigasyon uygulaması. Sonuçta şu şekilde bir çalışma ortaya çıkıyor:   Bu HTML kodumuz, bu kodu menüyü kullanacağınız yere koymanız gerekiyor.
 D&#220;Z YAZI
HTML:




&#60;ul id="navlist"&#62;


&#160; &#160; &#60;li&#62;&#60;a href="#"&#62;Birinci&#60;/a&#62;&#60;/li&#62;


&#160; &#160; &#60;li&#62;&#60;a href="#"&#62;İkinci&#60;/a&#62;&#60;/li&#62;


&#160; &#160; &#60;li&#62;&#60;a href="#"&#62;Üçüncü&#60;/a&#62;&#60;/li&#62;


&#160; &#160; &#60;li&#62;&#60;a href="#"&#62;Dördüncü&#60;/a&#62;&#60;/li&#62;


&#160; &#160; &#60;li&#62;&#60;a href="#"&#62;Beşinci&#60;/a&#62;&#60;/li&#62;


&#160; &#160; &#60;li&#62;&#60;a href="#"&#62;Altıncı&#60;/a&#62;&#60;/li&#62;


&#60;/ul&#62; 







Sıra geldi CSS kodlarımıza. Bu kodları CSS dosyanıza eklemeniz gerekmekte. [...]]]></description>
		<wfw:commentRss>http://www.cssimbenim.com/dock-stili-css-menu-uygulamasi-li-dock/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>CSS Kodlarınızı Düzenli Olarak Sıralayın</title>
		<link>http://www.cssimbenim.com/css-kodlarinizi-duzenli-olarak-siralayin/</link>
		<comments>http://www.cssimbenim.com/css-kodlarinizi-duzenli-olarak-siralayin/#comments</comments>
		<pubDate>Thu, 26 Mar 2009 14:36:39 +0000</pubDate>
		<dc:creator>ErhanK</dc:creator>
				<category><![CDATA[CSS]]></category>
		<category><![CDATA[Faydalı Hizmetler-Siteler]]></category>
		<category><![CDATA[CSS Dosyalarını Düzenleme]]></category>
		<category><![CDATA[CSS Kodları]]></category>
		<category><![CDATA[CSS Kodlarını Sıralama]]></category>
		<category><![CDATA[CSS Kodlarını Sıraya Dizmek]]></category>
		<category><![CDATA[StyleNeat]]></category>

		<guid isPermaLink="false">http://www.cssimbenim.com/?p=336</guid>
		<description><![CDATA[Bazı CSS dosyalarına baktığımızda kodlar sanki ip gibi sıralanmış, çok güzel görünüşlü oluyorlar. Bu düzen el ile kodlanırken mi yapılıyor, yoksa bunun için otomatik bir program gibi bir şey mi vardır? Hep bunu merak etmiştim    Bunu otomatik hale getiren, CSS kodlarını düzenli bir şekilde, isterseniz alfabetik olarak sıralayan ve düzenleyen bir site [...]]]></description>
		<wfw:commentRss>http://www.cssimbenim.com/css-kodlarinizi-duzenli-olarak-siralayin/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>CSS ile Resimsiz Yuvarlak Köşeler</title>
		<link>http://www.cssimbenim.com/css-resimsiz-yuvarlak-koseli-kutucuk-yapimi/</link>
		<comments>http://www.cssimbenim.com/css-resimsiz-yuvarlak-koseli-kutucuk-yapimi/#comments</comments>
		<pubDate>Fri, 03 Oct 2008 12:51:51 +0000</pubDate>
		<dc:creator>ErhanK</dc:creator>
				<category><![CDATA[CSS]]></category>
		<category><![CDATA[CSS Kodlar]]></category>
		<category><![CDATA[Kutucuk]]></category>
		<category><![CDATA[Resimsiz]]></category>
		<category><![CDATA[Rounded Corners]]></category>
		<category><![CDATA[Yuvarlak Köşeli Kutucuklar]]></category>

		<guid isPermaLink="false">http://www.cssimbenim.com/?p=220</guid>
		<description><![CDATA[
Yuvarlak köşeli kutucuklar, normal dikdörtgen şeklindeki kutucuklardan daha estetik görünür. Daha estetiği varken neden takoz olanını kullanasınız ki değil mi?    İşte bu kodlarla herhangi bir resim kullanmadan kendi yuvarlak köşeli kutucuklarımızı yapacağız.
İlk olarak aşağıdaki CSS kodlarımız bulunuyor. Bu kodları kendi stil dosyamıza ekliyoruz.

 D&#220;Z YAZI
CSS:




.yuvarlak&#123;display:block&#125;


.yuvarlak *&#123;


display:block;


height:1px;


overflow:hidden;


font-size:.01em;


background:#FF0000&#125;


.yuvarlak1&#123;


margin-left:3px;


margin-right:3px;


padding-left:1px;


padding-right:1px;


border-left:1px solid #ff9191;


border-right:1px solid #ff9191;


background:#ff3f3f&#125;


.yuvarlak2&#123;


margin-left:1px;


margin-right:1px;


padding-right:1px;


padding-left:1px;


border-left:1px solid #ffe5e5;


border-right:1px [...]]]></description>
		<wfw:commentRss>http://www.cssimbenim.com/css-resimsiz-yuvarlak-koseli-kutucuk-yapimi/feed/</wfw:commentRss>
		<slash:comments>9</slash:comments>
		</item>
		<item>
		<title>Sayfa Numaralandırma Stili</title>
		<link>http://www.cssimbenim.com/css-sayfa-numara-stili/</link>
		<comments>http://www.cssimbenim.com/css-sayfa-numara-stili/#comments</comments>
		<pubDate>Thu, 10 Jul 2008 02:56:33 +0000</pubDate>
		<dc:creator>ErhanK</dc:creator>
				<category><![CDATA[CSS]]></category>
		<category><![CDATA[CSS Kodlar]]></category>
		<category><![CDATA[demo]]></category>
		<category><![CDATA[HTML]]></category>
		<category><![CDATA[kod]]></category>
		<category><![CDATA[Numara]]></category>
		<category><![CDATA[Örnek]]></category>
		<category><![CDATA[Sayfa]]></category>
		<category><![CDATA[Stil]]></category>

		<guid isPermaLink="false">http://www.cssimbenim.com/?p=174</guid>
		<description><![CDATA[Sayfalama yapılan scriptlerde sayfa numaralarını CSS ile değiştirerek farklı görüntüler elde edebilirsiniz.

Bu resimdeki gibi sayfa numaralarınız olsun istiyorsanız aşağıdaki adımları takip edin.

Temanızın &#60;head&#62;&#60;/head&#62; kodları arasına şu stil şablonunu ekleyin:
 D&#220;Z YAZI
CSS:




&#60;style&#62;


body &#123; 


&#160; &#160; font-size: 100%; 


&#160; &#160; color: #333; 


&#160; &#160; background: #FFF; 


&#160; &#160; font-family: Arial, Helvetica, sans-serif;


&#125;


#sayfalar &#123;


&#160; &#160; padding: 3px;


&#125;


#sayfalar ul [...]]]></description>
		<wfw:commentRss>http://www.cssimbenim.com/css-sayfa-numara-stili/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Tek bir resim dosyası ile yuvarlak köşeli kutular yapmak</title>
		<link>http://www.cssimbenim.com/tek-bir-resim-dosyasi-ile-yuvarlak-koseli-kutular-yapmak/</link>
		<comments>http://www.cssimbenim.com/tek-bir-resim-dosyasi-ile-yuvarlak-koseli-kutular-yapmak/#comments</comments>
		<pubDate>Tue, 08 Jul 2008 22:56:05 +0000</pubDate>
		<dc:creator>ErhanK</dc:creator>
				<category><![CDATA[CSS]]></category>
		<category><![CDATA[corner]]></category>
		<category><![CDATA[köşe]]></category>
		<category><![CDATA[kutu]]></category>
		<category><![CDATA[round]]></category>
		<category><![CDATA[rounded]]></category>
		<category><![CDATA[yuvarlak]]></category>

		<guid isPermaLink="false">http://www.cssimbenim.com/?p=173</guid>
		<description><![CDATA[Düz köşeli divler fazla estetik durmazlar. İstisnalar çok tabi, bu bir seçim meselesi. Ben genelde yuvarlak köşeli kutuları kullanmayı severim. Bunu CSS'de yapmak biraz sıkıntılı. Kutuların köşesini kullanmak için değişik yöntemler mevcut. Bu yöntemlerden birini Erhan Burhan kendi blogunda anlatmış. Çok yararlı bir ders, okumanızı tavsiye ederim:
CSS tekniğini ile köşeleri yuvarlatılmış yani yuvarlak köşeli kutular [...]]]></description>
		<wfw:commentRss>http://www.cssimbenim.com/tek-bir-resim-dosyasi-ile-yuvarlak-koseli-kutular-yapmak/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>Beyaz Tab Menü</title>
		<link>http://www.cssimbenim.com/beyaz-tab-menu/</link>
		<comments>http://www.cssimbenim.com/beyaz-tab-menu/#comments</comments>
		<pubDate>Sat, 14 Jun 2008 01:20:03 +0000</pubDate>
		<dc:creator>ErhanK</dc:creator>
				<category><![CDATA[CSS]]></category>
		<category><![CDATA[css menü]]></category>
		<category><![CDATA[CSS Menüler]]></category>
		<category><![CDATA[Horizontal]]></category>
		<category><![CDATA[Tab Menü]]></category>
		<category><![CDATA[Yatay]]></category>

		<guid isPermaLink="false">http://www.cssimbenim.com/?p=159</guid>
		<description><![CDATA[

Aşağıdan menünün nasıl göründüğüne bakabilir veya menüyü indirebilirsiniz.
Demo
Beyaz Tab Menüyü İndir
Bu Yazıyı Paylaşın
]]></description>
		<wfw:commentRss>http://www.cssimbenim.com/beyaz-tab-menu/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>Mor Yatay Tab Menü</title>
		<link>http://www.cssimbenim.com/css-yatay-tab-menu2/</link>
		<comments>http://www.cssimbenim.com/css-yatay-tab-menu2/#comments</comments>
		<pubDate>Sat, 14 Jun 2008 01:16:40 +0000</pubDate>
		<dc:creator>ErhanK</dc:creator>
				<category><![CDATA[CSS]]></category>
		<category><![CDATA[css menü]]></category>
		<category><![CDATA[CSS Menüler]]></category>
		<category><![CDATA[Horizontal]]></category>
		<category><![CDATA[Yatay]]></category>

		<guid isPermaLink="false">http://www.cssimbenim.com/?p=158</guid>
		<description><![CDATA[

Aşağıdan menünün nasıl göründüğüne bakabilir veya menüyü indirebilirsiniz.
Demo
Yatay Tab Menü 2yi İndir
Bu Yazıyı Paylaşın
]]></description>
		<wfw:commentRss>http://www.cssimbenim.com/css-yatay-tab-menu2/feed/</wfw:commentRss>
		<slash:comments>4</slash:comments>
		</item>
		<item>
		<title>Yatay Tab Menü</title>
		<link>http://www.cssimbenim.com/css-menu-yatay-tab-menu/</link>
		<comments>http://www.cssimbenim.com/css-menu-yatay-tab-menu/#comments</comments>
		<pubDate>Sat, 14 Jun 2008 01:13:03 +0000</pubDate>
		<dc:creator>ErhanK</dc:creator>
				<category><![CDATA[CSS]]></category>
		<category><![CDATA[css menü]]></category>
		<category><![CDATA[CSS Menüler]]></category>
		<category><![CDATA[Horizontal]]></category>
		<category><![CDATA[Tab Menü]]></category>
		<category><![CDATA[Yatay]]></category>

		<guid isPermaLink="false">http://www.cssimbenim.com/?p=157</guid>
		<description><![CDATA[

Aşağıdan mavi tab menünün nasıl göründüğüne bakabilir veya menüyü indirebilirsiniz.
Demo
Yatay Tab Menüyü İndir
Bu Yazıyı Paylaşın
]]></description>
		<wfw:commentRss>http://www.cssimbenim.com/css-menu-yatay-tab-menu/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>
