Kali ini, kita akan membahas tentang penggunaan opacity ( keburaman ) pada template blog yang mungkin lebih tepatnya penggunaan.
Tutorial kali ini saya khususkan untuk blog dengan background image atau gambar, tidak terlalu bagus untuk backround warna karna hanya akan menghasilkan perpaduan ke 2 warnanya saja. Misalnya sobat menggunakan background berwarna hitam dengan warna outer-wrapper berwarna putih, maka hasil perpaduannya akan memunculkan warna abu-abu.. jadi nggak berguna dong efek tranparantnya...
berikut kode yang di gunakan untuk membuat background transparan
filter: alpha(opacity=100);
-moz-opacity: 1.0;
opacity: 0.6;
-khtml-opacity: 0.0;Untuk penerapannya sobat tinggal menyisipkan kode tadi sesudah kode warna. seperti berikut.
#outer-wrapper{
width:980px;
margin:0 auto;
padding:5px;
background:#f2f2f2;
text-align:$startSide;
font:$bodyfont
}
width:980px;
margin:0 auto;
padding:5px;
background:#f2f2f2;
filter: alpha(opacity=100);
-moz-opacity: 1.0;
opacity: 0.6;
-khtml-opacity: 0.0;
border:1px solid $bordercolor;text-align:$startSide;
font:$bodyfont
}
:a:
:b:
:c:
:d:
:e:
:f:
:g:
:h:
:i:
:j:
:k:
:l:
:m:
:n:
:o:
:p:
:q:
:r:
:s:
:t:
:u:
:v:
:w:
:x:
:y:
Emotion lainnya?
