alexa-tracking

<ASK>Mouseover</ASK>

Main Content

1024
1024
KASKUS
51
244
https://www.kaskus.co.id/thread/5514e0cb947868a1318b456b/ltaskgtmouseoverlt-askgt
<ASK>Mouseover</ASK>
Sory gan mau tanya nih barang kali ada yang bisa bantu wekekek karena emang lg proses dalam tahap pembelajaran nih ane..

singkat cerita ane kan pengen ngebuat logo social dibagian bawah web oke sudah jadi tuh skipskip..

nah ane mau saat mouse nya diarahin ke logo social itu warna logonya jd berubah ,itu gmna ya cara nya gan ?
atau mungkin ada yang bisa bantu key nya apa buat nyari digoogle ?

Nb: Warna awal img sebelum di arahkan cursor warna abu2.
tp setelah diarahkan cursor yang ane mau itu warna img nya berubah jadi warna biru ,makasih hatur nuhun semoga ada yang dapat membantu
Quote:Original Posted By ygpentingjdduit
bisa pakai opacity
Code:
img:hover{
opacity:0.8;
}


bisa pake 2 image/image sprite whatever
Code:
.gambar{
background:url(../images/icon.png) 0 0;
}
.gambar:hover{
background:ulr(../images/icon.png) 0 120px;
}


CMIIW


Kalao pake yang css 2 gambar itu nnti di html nya apa perlu ditambahin ke gini ..

<div class= "gambar"><img src="blablablabla"></div>

atau gmna gan ?
Quote:Original Posted By ygpentingjdduit


2 gambar
Code:
<div class="gambar"></div>


image sprite
Code:

<img src="images/trans.png" class="gambar" alt="gambarnya"/>

Catatan : Image sprite harus pakai image transparant buat ngisi srcnya


nah oke udah bisa ane pake yang 2 gambar di css nya ,, nah img nya ane mw link ke url ane bejimana tuh ? soalnya ane coba pake <a
Quote:Original Posted By clonningdash
Kalao pake yang css 2 gambar itu nnti di html nya apa perlu ditambahin ke gini ..

<div class= "gambar"><img src="blablablabla"></div>

atau gmna gan ?


jangan gan..........
itu masalahnya cuma sebagai background dari div, kalo dikasihi gambar malah gbs di mouseover, source nya ya yang di css itu

oiya, untuk cari di google, keyword: image mouseover
Quote:Original Posted By nowayno


jangan gan..........
itu masalahnya cuma sebagai background dari div, kalo dikasihi gambar malah gbs di mouseover, source nya ya yang di css itu

oiya, untuk cari di google, keyword: image mouseover


udah bisa mouseover gan ,,nah skrng masalahnya tuh img socialnya ane mau kasih link ke url yang ane tuju.. kebetulan ane pke DWCs6..

Nah pas ane edit pke tampilan design , ane arahin ke img nya trus ane klik menu link tp dh ane kasih url nya tp gak mw dlink --" mohon pencerahan suhu
Quote:Original Posted By clonningdash


udah bisa mouseover gan ,,nah skrng masalahnya tuh img socialnya ane mau kasih link ke url yang ane tuju.. kebetulan ane pke DWCs6..

Nah pas ane edit pke tampilan design , ane arahin ke img nya trus ane klik menu link tp dh ane kasih url nya tp gak mw dlink --" mohon pencerahan suhu


coba dikasih

Quote:display: block


eh iya, itu harusnya anchor dulu, baru div:

Quote:<a href="www.google.com"><div class="blabla"></div></a>

Quote:Original Posted By clonningdash


udah bisa mouseover gan ,,nah skrng masalahnya tuh img socialnya ane mau kasih link ke url yang ane tuju.. kebetulan ane pke DWCs6..

Nah pas ane edit pke tampilan design , ane arahin ke img nya trus ane klik menu link tp dh ane kasih url nya tp gak mw dlink --" mohon pencerahan suhu




bisa pake js
Code:
<div class="gambar"></div>

atau
Code:
<a href="http://urlagan"><span class="gambar"></span></a>

di style gambar tambahkan :
Code:
display: block;

bisa jalan normal tapi klo dicek di w3c validation gak lolos
bisa pake js
http://jsfiddle.net/8onsw4e0/
ah text editor kaskus payah, gak bisa nampilin snippet js
atau
Code:
<a href="http://urlagan"><span class="gambar"></span></a>

di style gambar tambahkan :
Code:
display: block;

bisa jalan normal tapi klo dicek di w3c validation gak lolos



makasih suhu dh bisa suhu sayang blom bisa bagi cendol emoticon-sad
nnti kalo dh bisa bagi cendol ane send suhu