PSD to CSS for Wordpress

Merhaba arkadaşlar…Bugün sizlere bu hafta sonu boyunca uğraştığım PSD to CSS videolarını paylaşacağım.Sesli olarak anlattım.Yaptığım her şeyin açıklamasını yaptım.İnşallah haftaya da bu tasarımın wordpress entegresini yapacağız.Tabi o zaman burada olduğu gibi sadece html & css değil wordpress kodlarına da bulaşmış olacağız fakat çok zor bir şey değil wordpress ile haşır neşir olan bir insan çok rahat anlayacaktır.


#Tasarım Görüntüsü#


#Videolar#

(Videoların hepsi HD kalitededir.320p de bile çok kaliteli görüntüye sahiptir.Daha da HD istiyorsanız çark simgesine tıklayarak 720p seçeneğini aktif edin.)

Video 1 (Header);
[M]http://www.youtube.com/watch?v=sgOtzzPYQ3I&feature=player_embedded[/M]

Video 2 (Popüler Yazılar);

[M]http://www.youtube.com/watch?v=K9gDGMjP0H4&feature=plcp[/M]

Video 3 (İndex);

[M]http://www.youtube.com/watch?v=kTuvYLXwWR0&feature=plcp[/M]

Video 4 (Sidebar);

[M]http://www.youtube.com/watch?v=gVf8egxquYc&feature=plcp[/M]

Video 5 (Footer ve Sayfalama);

[M]http://www.youtube.com/watch?v=85Qg4QIRVtA&feature=plcp[/M]

#Materyaller#
Videolarda kullanılan PSD dosyasını ve HTML & CSS dosyalarını indirmek için tıklayın.
Rar şifresi : ismailbayram.net
Umarım faydalı olmuştur…
Tasarım : https://twitter.com/ensaktas

DEMO
Kaynak : PSD to CSS for Wordpress
HTML 5 kullanıldığı için internet explorer desteklemeyebilir.

yalnız konu başlığında "for Wordpress" yazıyor.
demodaki menüler ise:

	<ul id="sayfalar">
		<a href=""><li class="sayfa">Lorem İpsum</li></a>
		<a href=""><li class="sayfa">Lorem İpsum</li></a>
		<a href=""><li class="sayfa">Lorem İpsum</li></a>
		<a href=""><li class="sayfa">Lorem İpsum</li></a>
		<a href=""><li class="sayfa">Lorem İpsum</li></a>
	</ul>

Wordpress yapısı bu değil.

class isimleri farklı olabilir ben sadece benzettim