Satu Lagi { Effect Opacity Pada Div HTML }


wew… u pada penasaran sama blog gue.. gi ngak sepintas blog gue yang kelihatannya biasa biasa aja kalo diperhatiin sama mata bugil alias mata keranjang.. ehhh mata telanjan itu mempunyai sebuah penampakan bersosk wanita pada jendela sebelah kiri.. bagi yang penasaran dan mau pingi blognya kayak gitu mari kita belajar bareng bareng effect opacity pada div yang sebenernya itu adalah script dasal HTML.

____________________________________________________________________________

<div style=”position:absolute; left:0;width:17%; top:320px;z-index:1; filter:alpha(opacity=40); -moz-opacity:.40;opacity:.40;”><img src=”https://diazscript.files.wordpress.com/2009/03/niken3.png&#8221; width=”100%” style=”filter:alpha(opacity=40);-moz-opacity:.40;opacity:.40;”></div>

______________________________________________________________________________

script diatas berarti saya telah menamai div dengan style tertentu, ya style , style adalah effetc script yang memberikan bentuk tersendiri kepada div tersebut agar bentukknya dapat teratur atupun di atur.

_________

style= “”
————————-   –  – – –
membuaka perintah style diawali ” sesudah = dan diakiri ” pada akhir nya.

——————————————————————————————

position:absolute; left:0;width:17%; top:320px
—————————————————————————————
script diatas menandakan kita memberikan posisi absolute / bebas : pada letak 0 pixel dari kiri , lebarnya 17 % dari jendela halaman browser dan berada 320 pixel dari atas.(koordinatnya)

——————————————————————————————————

filter:alpha(opacity=40); -moz-opacity:.40;opacity:.40;
———————————————————————————————————–
klo ini effect opcity sebesar 40 % sehingga gambarnya kelihatan terawang… bukan bajunya saja yaa… hehe

………………………………………………..

oke kan kita sudah belajar div opacity ,,,, tapi gimana u bisa masukin gambar ke blocg q…..
gampang… tinggal masukin gambar aja di DIV … dengan mengambil URL tertentu..

<img src=”https://diazscript.files.wordpress.com/2009/03/niken3.png&#8221; width=”100%” style=”filter:alpha(opacity=40);-moz-opacity:.40;opacity:.40;”>

———————————-

Oke silakan mencoba …klo mau masukin ke blog tinggal masukin di widget >> text >> terus masukin di widget tersebut….ganti URLnya ya … supaya bukan gamba muka gue….

smoga Bermanfaat…….cossin

Satu Lagi { Effect Opacity Pada Div HTML }

5 thoughts on “Satu Lagi { Effect Opacity Pada Div HTML }

    1. diazscript says:

      bisa..
      pilih menu widget pada dashboard.. lalu tambahkan menu text pada widget.. terus masukkan script berikut…
      ___________________________

      ———————————————–
      Selamat Mencoba

  1. abdullah says:

    mas saya baru mulai bikin tugas nih dan mau buat tugas akhir saya mau buat button cari pada flash yang sudah terhubung dengan database

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s