cummolog

"image opacity" denilen resim şeffaflaştırma son zamanlarda web tasarımcılar tarafından sıkça tercih edilmektedir. resim yarı saydam halindedir, fare imleci ile üzerine gelindiğinde saydamlık kaybolur ve resim normal bir şekilde gözükür. şeffaflaştırılmış bir resim örneği:

bunu gerçekleştirmek gayet basit:

yerleşim>html'yi düzenle bölümü açılır ve </head> etiketi öncesine aşağıdaki kod eklenir:

<style type='text/css'>
a.op img {
filter:alpha(opacity=60);
-moz-opacity: 0.5;
opacity: 0.5;
-khtml-opacity: 0.5;}

a.op:hover img {
filter:alpha(opacity=100);
-moz-opacity: 1.0;
opacity: 1.0;
-khtml-opacity: 1.0; }
</style>

şablon kaydedilir.

not: kodlardaki 60 ve 100 değerlerini değiştirerek şeffaflığı arttırabilir ya da azaltabilirsiniz.

bundan sonra yapılması gereken eklenen resme şeffaflık özelliğini vermek.
bunun için aşağıda bir kısmına yer verilmiş resim koduna, kırmızı renkle yazılmış kodları eklemek:

<a class="op" onblur="try {parent.deselectBloggerImageGracefully ...