<?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>CSS &#8211; alperdereli.com</title>
	<atom:link href="https://www.alperdereli.com/kategori/css/feed" rel="self" type="application/rss+xml" />
	<link>https://www.alperdereli.com</link>
	<description></description>
	<lastBuildDate>Fri, 09 Dec 2016 17:43:56 +0000</lastBuildDate>
	<language>tr</language>
	<sy:updatePeriod>
	hourly	</sy:updatePeriod>
	<sy:updateFrequency>
	1	</sy:updateFrequency>
	

<image>
	<url>https://www.alperdereli.com/wp-content/uploads/2013/11/ad_logo-150x150.png</url>
	<title>CSS &#8211; alperdereli.com</title>
	<link>https://www.alperdereli.com</link>
	<width>32</width>
	<height>32</height>
</image> 
	<item>
		<title>Hava Durumu HTML/CSS</title>
		<link>https://www.alperdereli.com/hava-durumu-html-css</link>
					<comments>https://www.alperdereli.com/hava-durumu-html-css#comments</comments>
		
		<dc:creator><![CDATA[Alper Dereli]]></dc:creator>
		<pubDate>Mon, 05 Sep 2016 08:28:44 +0000</pubDate>
				<category><![CDATA[CSS]]></category>
		<category><![CDATA[HTML]]></category>
		<category><![CDATA[css]]></category>
		<category><![CDATA[hava durumu]]></category>
		<category><![CDATA[html]]></category>
		<category><![CDATA[widget]]></category>
		<guid isPermaLink="false">http://www.alperdereli.com/?p=231</guid>

					<description><![CDATA[GRFXPRO web sitesinde paylaşılan Hava Durumu PSD dosyasını Bootstrap kullanarak HTML/CSS olarak kodladım.]]></description>
										<content:encoded><![CDATA[<p><img fetchpriority="high" decoding="async" src="https://www.alperdereli.com/wp-content/uploads/2016/09/weather.jpg" alt="weather" width="680" height="500" class="alignnone size-full wp-image-232" /></p>
<p>GRFXPRO web sitesinde <a href="http://www.grfxpro.com/products/Weather-UI-Kit-12022016135654" target="_blank" rel="nofollow noopener">paylaşılan</a> Hava Durumu PSD dosyasını Bootstrap kullanarak HTML/CSS olarak kodladım.</p>
<p><a href="https://www.alperdereli.com/oyun-alani/weather/weather.zip" title="Hava Durumu">Buraya</a> tıklayarak dosyayı indirebilir ya da <a href="https://www.alperdereli.com/oyun-alani/weather/index.html" title="Hava Durumu HTML" target="_blank">buradan</a> önizlemesini görebilirsiniz.</p>
]]></content:encoded>
					
					<wfw:commentRss>https://www.alperdereli.com/hava-durumu-html-css/feed</wfw:commentRss>
			<slash:comments>1</slash:comments>
		
		
			</item>
		<item>
		<title>Dashboard Login HTML/CSS</title>
		<link>https://www.alperdereli.com/dashboard-login-html-css</link>
					<comments>https://www.alperdereli.com/dashboard-login-html-css#comments</comments>
		
		<dc:creator><![CDATA[Alper Dereli]]></dc:creator>
		<pubDate>Tue, 05 Aug 2014 09:53:18 +0000</pubDate>
				<category><![CDATA[CSS]]></category>
		<category><![CDATA[HTML]]></category>
		<category><![CDATA[365psd]]></category>
		<category><![CDATA[css]]></category>
		<category><![CDATA[Dashboard Login]]></category>
		<category><![CDATA[html]]></category>
		<guid isPermaLink="false">http://www.alperdereli.com/?p=168</guid>

					<description><![CDATA[365psd web sitesinde paylaşılan PSD dosyasını HTML/CSS olarak kodladım.]]></description>
										<content:encoded><![CDATA[<p><img decoding="async" src="https://www.alperdereli.com/wp-content/uploads/2014/08/Dashboard-Login.jpg" alt="Dashboard Login" width="680" height="500" class="alignnone size-full wp-image-170" /></p>
<p>365psd web sitesinde <a href="http://365psd.com/day/4-60/" title="Dashboard Login PSD" target="_blank" rel="nofollow noopener">paylaşılan</a> PSD dosyasını HTML/CSS olarak kodladım.</p>
<p><a href="http://www.alperdereli.com/oyun-alani/dashboard-login/Dashboard-Login.zip" title="Dashboard Login">Buraya</a> tıklayarak dosyayı indirebilir ya da <a href="http://www.alperdereli.com/oyun-alani/dashboard-login/index.html" title="Dashboard Login HTML" target="_blank">buradan</a> önizlemesini görebilirsiniz.</p>
]]></content:encoded>
					
					<wfw:commentRss>https://www.alperdereli.com/dashboard-login-html-css/feed</wfw:commentRss>
			<slash:comments>2</slash:comments>
		
		
			</item>
		<item>
		<title>Mini Login HTML/CSS</title>
		<link>https://www.alperdereli.com/mini-login-htmlcss</link>
					<comments>https://www.alperdereli.com/mini-login-htmlcss#comments</comments>
		
		<dc:creator><![CDATA[Alper Dereli]]></dc:creator>
		<pubDate>Wed, 30 Jul 2014 12:35:48 +0000</pubDate>
				<category><![CDATA[CSS]]></category>
		<category><![CDATA[HTML]]></category>
		<guid isPermaLink="false">http://www.alperdereli.com/?p=165</guid>

					<description><![CDATA[365psd web sitesinde paylaşılan psd dosyasını can sıkıntısından HTML/CSS olarak kodladım. Buraya tıklayarak dosyayı indirebilir ya da buradan önizlemesini görebilirsiniz. Dosyanın orijinal halini buradan indirebilirsiniz.]]></description>
										<content:encoded><![CDATA[<p><img decoding="async" src="http://www.alperdereli.com/wp-content/uploads/2014/07/mini-login.png" alt="mini-login" width="680" height="510" class="alignnone size-full wp-image-166" /></p>
<p>365psd web sitesinde <a href="http://365psd.com/day/4-334-mini-login-2/" title="Mini Login" target="_blank" rel="nofollow noopener">paylaşılan</a> psd dosyasını can sıkıntısından HTML/CSS olarak kodladım.</p>
<p><a href="http://www.alperdereli.com/oyun-alani/mini-login/mini-login.zip" title="Mini Login HTML">Buraya</a> tıklayarak dosyayı indirebilir ya da <a href="http://www.alperdereli.com/oyun-alani/mini-login/index.html" title="Mini Login" target="_blank">buradan</a> önizlemesini görebilirsiniz. </p>
<p><a href="http://365psd.com/day/4-334-mini-login-2/" title="365psd" target="_blank" rel="nofollow noopener">Dosyanın orijinal halini buradan indirebilirsiniz</a>.</p>
]]></content:encoded>
					
					<wfw:commentRss>https://www.alperdereli.com/mini-login-htmlcss/feed</wfw:commentRss>
			<slash:comments>2</slash:comments>
		
		
			</item>
		<item>
		<title>Fiyat Tablosu Tasarımı</title>
		<link>https://www.alperdereli.com/fiyat-tablosu-tasarimi</link>
					<comments>https://www.alperdereli.com/fiyat-tablosu-tasarimi#respond</comments>
		
		<dc:creator><![CDATA[Alper Dereli]]></dc:creator>
		<pubDate>Thu, 12 May 2011 11:43:25 +0000</pubDate>
				<category><![CDATA[CSS]]></category>
		<category><![CDATA[HTML]]></category>
		<guid isPermaLink="false">http://www.alperdereli.com/?p=64</guid>

					<description><![CDATA[Fiyat Tablosu Tasarımı]]></description>
										<content:encoded><![CDATA[<p><img loading="lazy" decoding="async" src="http://www.alperdereli.com/wp-content/uploads/2011/05/pricing-table.png" alt="" title="pricing-table" width="250" height="208" class="alignleft size-full wp-image-66" />Bir kaç gün önce bir fiyat tablosu hazırlamam gerekti. Bende kısa bir süre önce <a href="http://www.psdchest.com/" rel="nofollow noopener" target="_blank">PSDChest</a> web sitesinde gördüğüm fiyat tablosu tasarımını kullanmaya karar verdim ve bu tasarımı koda döktüm.<br />
<span id="more-64"></span><br />
Alttaki linkten tasarımın kodlanmış halini görebilir, PSD ve HTML formatında indirebilirsiniz.</p>
<p><a href="http://www.alperdereli.com/oyun-alani/pricing-table/default.html" target="_blank">Fiyat Tablosu Tasarımı</a></p>
]]></content:encoded>
					
					<wfw:commentRss>https://www.alperdereli.com/fiyat-tablosu-tasarimi/feed</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>Firefox&#8217;ta Dikey Kaydırma Çubuğu</title>
		<link>https://www.alperdereli.com/firefoxta-dikey-kaydirma-cubugu</link>
					<comments>https://www.alperdereli.com/firefoxta-dikey-kaydirma-cubugu#respond</comments>
		
		<dc:creator><![CDATA[Alper Dereli]]></dc:creator>
		<pubDate>Sun, 07 Jun 2009 18:56:18 +0000</pubDate>
				<category><![CDATA[CSS]]></category>
		<category><![CDATA[firefox]]></category>
		<category><![CDATA[kaydırma çubuğu]]></category>
		<category><![CDATA[scrollbar]]></category>
		<guid isPermaLink="false">http://www.alperdereli.com/?p=5</guid>

					<description><![CDATA[İlk yazım Firefox ile ilgili olsun. Firefox&#8217;ta Internet Explorer&#8217;dan farklı olarak dikey kaydırma çubuğu ekrana tam olarak sığan sayfalarda gözükmez. Bu durumda kaydırma çubuğunun olduğu bölüm sayfaya dahil edilir ve sayfa genişlediği için sayfada ortalanmış içerik sağa doğru kayar. Bundan kurtulmanın yolu alttaki kodu stil dosyamıza ya da etiketleri arasına eklemektir. html { overflow: -moz-scrollbars-vertical; ... <a title="Firefox&#8217;ta Dikey Kaydırma Çubuğu" class="read-more" href="https://www.alperdereli.com/firefoxta-dikey-kaydirma-cubugu" aria-label="Read more about Firefox&#8217;ta Dikey Kaydırma Çubuğu">Devamını oku</a>]]></description>
										<content:encoded><![CDATA[<p>İlk yazım Firefox ile ilgili olsun.</p>
<p>Firefox&#8217;ta Internet Explorer&#8217;dan farklı olarak dikey kaydırma çubuğu ekrana tam olarak sığan sayfalarda gözükmez. Bu durumda kaydırma çubuğunun olduğu bölüm sayfaya dahil edilir ve sayfa genişlediği için sayfada ortalanmış içerik sağa doğru kayar. Bundan kurtulmanın yolu alttaki kodu stil dosyamıza ya da etiketleri arasına eklemektir.</p>
<pre lang="css">html { overflow: -moz-scrollbars-vertical; }</pre>
<p>Bu koddan sonra dikey kaydırma çubuğu Firefox&#8217;ta sürekli gözükecektir.</p>
]]></content:encoded>
					
					<wfw:commentRss>https://www.alperdereli.com/firefoxta-dikey-kaydirma-cubugu/feed</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
	</channel>
</rss>
