secici {
    opacity: .75; /* Standard: FF gt 1.5, Opera, Safari */
    filter: alpha(opacity=75); /* IE lt 8 */
    -ms-filter: "alpha(opacity=75)"; /* IE 8 */
    -khtml-opacity: .75; /* Safari 1.x */
    -moz-opacity: .75; /* FF lt 1.5, Netscape */
}

Örneği görmek için tıklayınız.

Kod aslında tek satır olması gerekir ki CSS 3 ile birlikte bu tek satır olacaktır. opacity: değer; tanımı ile halledeceğiz. Ama şu an yürürlükte olan tarayıcılar için yukarıdaki 5 satır kodu yazmalıyız.

Bu kodu yazmak o kadar da sorun değil, ama eğer bu kodu yazdığınız sayfanızı W3C doğrulamasından geçirirseniz aşağıdaki gibi bir hata alacaksınız.

Bence W3C doğrulması çok önemli olmasada bazen şartlar doğrulama gerektirdiğinde(mesela müşteri istediğinde) bu sorunu çözmek için bir kaç yöntem var.

Bu yöntemlerden biri javascript fonksiyonu hazırlayıp bu fonksiyon yardımı ile elemanlarımızı saydamlaştırma;

function donuklastirma(element, donukDeger){
    var oe = document.getElementById(element);
    // donuklastirma degeri
    oe.setAttribute("style", "opacity:"+ donukDeger +";")
    if (oe.style.setAttribute) // IE icin
    oe.style.setAttribute("filter", "alpha(opacity="+ donukDeger*100 +");")
}

Örneği görmek için tıklayınız.

Diğer bir yöntemde ise ayrı bir css kodu yazıp bu kodu javascript ile ekleyebiliriz

<script type="text/javascript">
document.write('<link rel="stylesheet" type="text/css" media="screen" href="style/donuklastirma.css" />');
</script>

Sorun: opacity tanımı kapsadığı elemanın içeriğini de etkiler bunu engellemek için Robert Nyman’ın bir çözümü var. http://robertnyman.com/2010/01/11/css-background-transparency-without-affecting-child-elements-through-rgba-and-filters/ denemedim bir bakın isterseniz.

Kaynaklar

• http://blog.evaria.com/2007/validate-css-style-opacity/
• http://snipplr.com/view/10094/crossbrowser-opacity/
• http://perishablepress.com/press/2009/01/27/cross-browser-transparency-via-css/

• http://www.codeguru.com/forum/showthread.php?threadid=458411
• http://snipplr.com/view/707/setopacity/
• http://www.ertugrulhaskan.com/blog/?p=548
• http://www.aybim.com.tr/progs/acsstxt17.html
• http://www.mehmetduran.com/detay.aspx?detay=19
• http://www.kodaman.org/yazi/sizi-css3-ile-tanistiracak-5
• http://www.ahmetcelik.org/?p=220
• http://mfyz.com/?/dokuman/82/css-ve-transparanlik/
• http://scriptiz.org/?p=1067

İlk olarak meta yönetimi için bir eklenti kurdum. wpSEO

Son yazdığım haberlerde belirttiğim gibi Google web yönetim merkezindeki verilere bakınca İçerik Analizi sayfasında

• 710 adet Yinelenen meta açıklamalar
• Yinelenen başlık etiketleri
• Bilgilendirici olmayan başlık etiketleri

Sorunları listeleniyordu. Bunları düzeltmek için wordpress eklentisi aramaya koyuldum.

Sonuçta iki eklenti arasında kararsız kaldım. All in One SEO ve wpSEO

Bir kaç yerde dolaştıktan ve smashingmagazine.com‘den etkilenerek wpSEO yükledim.

Tek sorunum “Simple Tagging Plugin” ve “Ultimate Tag Warrior” etiketlerin alırken WordPres2.3.3 versiyonuyla birlikte gelen etiketleri kabul etmemesi.

Alt Kısım

Alt kısmı tekrar düzenledim.

Görsel açıdan biraz daha zenginleşti alt kısım. Ardalan resmini Squidfingers sitesinden aldım. Alt kısma “Son Okuduğum kitaplar” kısmından esinlenerek oval bir alan oluşturdum.

Ayrıca sitemin XHTML ve CSS doğrulama işini bitirdim ve bunların ikonlarını ekledim.

Düzeltmeler devam edecek.