~~\(=^o^=)(o^_^o)/~~

Mar
13
2011
About Header, SubHeader, Opacity (semi transparan)

 (hix post sebelumnya keapusHandkerchief

Minggu lalu ada yg punya masalah sama SubHeader Blog, (artis dangdut LI She_Lhie-Dut jadi header dia ga bisa dihapus. Waktu saya cari di css nya juga ga ada mau diganti dari css juga ga bisa. Ternyata penyebabnya karena dia upload dari settingan di depan bukan langsung dari css. BottomAkhirnya saya ganti px nya biar ga keliatan lagi. Terus ada juga yg nanya masalah serupa tentang Header yg di upload dari menu Header bukan dari css. Lalu dia nganjurin saya buat post tentang itu, ntah juga bakal berguna apa ngga (sekalian nambah postingan juga).Stretcher

Terus juga dibawah ada info tentang Opacity (bikin image / background color kamu transparan). Contohnya kaya di blog saya ini sengaja bikin gini buat contoh hehe Wivel.

~:~:~:~:~:~:~:~:~:~:~:~:~:~:~:~:~:~:~:~:~:~:~:~:~:~:~:~:~:~:~

Ok, jadi kalo sebelumnya upload dari depan pas mau diganti gambarnya upload aja dari depan juga. Atau simplenya kalo mau dihilangin upload aja image sangat kecil transparan.

contoh kaya gini: click here (karena imagenya kecil dan transparan jadi kalo mau save adanya di kiri atas yaLOL)

atau bisa upload image kecil yg sewarna sama background, terserah kamu. Cheesy

Setelah itu kalo mau di ganti dari css bisa tambahin code buat add background image dari sana (kalo ga taua da di tutorial sebelumnya). Terus kalo mau ubah ukurannya (upload dari depan ataupun dari css) bisa ditambah code:

width: ukuranygkamumau;

height: ukuranygkamumau;

lalu repeat/no-repeat

posisi:

left, right.

 

~:~:~:~:~:~:~:Opacity:~:~:~:~:~:~:~:~:~

 

Opacity ini gunanya untuk bikin image kamu semi transparan.

Contohnya kaya gini:

click here for full version

 

How to:

dibawah code buat add background (yang ga tau caranya ada di tutorial sebelumnya)

tambahin code ini:

 

filter:alpha(opacity=50);opacity: 0.5;moz-opacity:0.5;khtml-opacity: 0.5;

 

Ini di set ke transparency 50%. 

~Makin rendah value yg kamu input bakal makin tembus pandang.

 

Penjelasannya:

 

filter:alpha(opacity=50)

ini untuk browser Internet Explorer.

 

opacity: 0.5

ini untuk Firefox, Safari, Opera.

 

moz-opacity:0.5

untuk versi lama Netscape.

 

khtml-opacity: 0.5

untuk Safari versi lama.

:~:~:~:~:~:~:~:~~:~:~:~:~:~:~:~:~:~:~:~:~:~:~:~:~:~:~

Ok, sekian dulu semoga mengerti and bermanfaat, thanks for reading Flower <-bunga beracun LOL

Views: 275
Posting: 13-Mar-2011 09:16:08 WIB by pOpcOrN
Category: Bunnyguide
Tools: Print
4 Responses to "About Header, SubHeader, Opacity (semi transparan)"
zirconium - 13-Mar-2011 19:55:44 WIB

pop, blognya beraaaaaaaaat Lips Sealed

pOpcOrN - 13-Mar-2011 20:13:03 WIB

krn flash na y , apus de Grin

Argetlam - 14-Mar-2011 17:26:48 WIB

masih berat Lips Sealed

pOpcOrN - 14-Mar-2011 19:08:52 WIB

dah d ilankin lg tinggal SB, ma pet 1

Your Comment:
Anda harus login bila ingin mengisi komentar
cupacup(=^o^=)/~
Pyon~Pyon!
Click Me!=^^=