Sidebar'da hover efekti

Selam,

Arkadaşlar templatemonster.com'dan bir tema satın aldım. Demosu: http://www.templatemonster.com/demo/46570.html

Yazı içerisindeki asıl metni öne çıkarmak için sidebar'ı (yan taraf) rengini grileştirmek / sönükleştirmek istiyorum. Mouse ile üzerine gelince normal rengi olan siyah rengine dönmesini istiyorum. Demoda ise şu şekilde: http://livedemo00.template-help.com/...ident-sunt-in/

İstediğim özelleştirme tam olarak aşağıdaki sitedeki gibi olmalı;

http://spectrum.ieee.org/tech-talk/c...roject-succeed

Derdim asıl metnin daha çok ön planda olması.

Şu linki inceler misin?
http://www.weburak.com/resimler-uzer...n-linkopacity/

Konuda sadece resimler için nasıl yapılacağı anlatılmış ama bu kodlardan yardım alarak bütün bir sidebar'a uygulamaya çalışacağım. Sonucu yazarım, yardımınız için teşekkürler.

@RainManTR Kodları kendi siteme göre uyarlayarak yaptım ve değişti, teşekkür ederim.

Dün templatemonster yetkililerinden bu değişikliği yapmalarını rica ettim fakat benden bu özelleştirme için 149$ istediler. Halbuki temayı 75$'a almıştım.

Nasıl yaptığımı şöyle anlatayım. Arkadaşın verdiği adresteki (bkz: http://www.weburak.com/resimler-uzer...n-linkopacity/) kodları temamın style.css dosyasına kopyaladım.

Sonra Google Chrome'da bu efekti vermek istediğim bölümün (benim için sidebar'dı) üzerine gelip sağ tıklayıp "Ögeyi denetle" bağlantısına tıkladım. Hangi CSS koduyla çağrıldığını öğrendim ve o kodları şu şekilde değiştirip kaydettiğimde istediğim görüntüyü elde ettim;

#sidebar {
filter:alpha(opacity=50);
-moz-opacity: 0.5;
opacity: 0.5;
-khtml-opacity: 0.5;}

#sidebar:hover {
filter:alpha(opacity=100);
-moz-opacity: 1.0;
opacity: 1.0;
-khtml-opacity: 1.0; }