Bir çok geldi “Abi CSS-XHTML’i Nasıl Öğrenebiliriz” diye..Bende herkesin anlatımdan farklı olarak biraz daha masal olarak anlatmak istedim..Hani CSS-XHTML derslerini veren bir çok arkadaşım resmi olarak anlattığı için bazen anlaşılmıyor..Bende anarşiklik olsun diyerek masal tadında anlatıyorum :) Hani wordpress diyor code is poetry diye biz de altta kalmıyalım dedik code is story diyelim :) Şimdi Beyaz bir metin belgesine ne yazılabilir? Yılmaz Erdoğanlaşmadan başlıyalım.İlk

CSS 2 nin ardından gelen CSS 3′de işimize yarıyacak bir çok yeni görsel özellik geldi..Bunları gerek yeni temalarımda gerekse yaptığım diğer bir çok işte kullanıyorum.. Fakat her ne kadar eski browserlarda yani internet explorer ve opera (10.5 üstünde destekliyor) gibi eski sürüm tarayıcılarda desteklemese de gün gittikçe artan kullanıcı sayısıyla Firefox ve Chrome tarafından destekleniyor.. Bu kodlardan en çok sevdiğim ise daha önceleri yapmak istediğimiz de photoshopta tek tek

Wordpress’te bildiğiniz gibi birkaç tema dağıttım..Hatta baya birkaç ama css halleri pc de kalmış..Az önce temizlik yaparken denk geldi birkaç tanesi..Belki başka scriptte kullanmak isteyen olabilir veya geliştirip başka şeyler yapmak isteyen olabilir diye css template hallerini veriyorum.. Seniseviyoyum.com için hazırladığım klasik temalardan bir tanesi.. Demo | İndirme Linki (Bunun wp versiyonu da vardı da sanırsam silmişim bulamadım :D ) Popho Wordpress Temasının Css Hali Demo |

Ajax kullanırken bir çok önyüklenme resmi veya process bar denilen resimler kullanmak zorunda kalırız..Bunun için ajaxload.info adındaki bir site bize tüm ajax load yani yüklenme resimlerini düzenleme fırsatı sunuyor.. Örneğin sol taraftaki resim gibi yüklenme barlarını 10 larca load grafiği arasından renk şeklini ve trasnparan özelliğini kullanarak hazırlayabilirsiniz. Site Adresi

Daha önce hover kodunu burada anlatmıştım sizlere..Bu kod bildiğiniz kodlardan birisi..Fakat oldukça güzel bir kod diyebilirim :) Amacı bir resmin soluk hali ve üzerine geldiğinde parlak hali :) Yani mause’la üzerine geldiğinizde parlaklaşması oluyor :) (Bu css kodlarınıda anlatması tam bi bela ya :) Fakat CSS3 le birlikte bu kod kafaları karıştırmaya başladı..Hem internet explorer hemde diğer tarayıcılar tarafından desteklenen bu kod için iki özellik eklemek zorunda kaldık.. İnternet

Bugünlerde bu konudan baya dert yananlar var sanırsam..Abi psd yaptık ama css’e nasıl dökücez diye dert yanan binlerce kişi vardır sanırsam :) Da kimse kolay kolay anlatmamış psd nasıl css çevirilir diye.. Bende oturdum şimdi size bunu anlatıcam..Biraz zevkli olsun canınız sıkılmasın diye geyik yapalım :) Şimdi photoshop’ta resmi çizdiniz çok güzel..Ama bu resmi kullanım alanlarına göre parçalamamız gerekiyor..Nasıl derseniz.. Örneğin wp tema yaparken css de kullandığım 3-4