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.