Oops! Sepertinya ada sedikit kesalahan ...

Halo kak

Gini kak,sakura mau tanya,gimana cara meng-set widget di pojok kanan,dan menambahkan efek hover?

Sakura udh ngikutin langkah langkah di problem kak Mercurial yang satu ini

[You must be registered and logged in to see this link.]

Masalahnya,sakura waktu itu ganti URL Imagenya,dan URL yang dituju..

Trus,sakura ganti juga nama class-nya..Di CSSnya juga sakura udh ganti nama classnya...

Tetapi,sewaktu sakura ke forum sakura,posisinya jadi agak ke dorong dikit dari posisi biasanya,dan effect hovernya hilang!

Klo mau liat langsung coba aja ke sini

[You must be registered and logged in to see this link.]

Di pojok kanannya kan ada widget bergambar..Trus diatasnya ada tulisan "Updates"..

Makasih

Ini kode yang Sakura gunakan..

HTML:

Code:

<a class="news" href="/t46-maintenance#100"><img src="http://img543.imageshack.us/img543/607/rw0e.png"></a>

CSS:

Code:

.news{position:fixed;bottom:0px;right:0px;width:300px;height:226px;}

kau mau css yang baik? untuk hover? ada banyak lho..
contoh

Code:

.news:hover{Kode CSS}

Code:

.news:active{Kode CSS}

dll...

nathanadhitya wrote:kau mau css yang baik? untuk hover? ada banyak lho..
contoh

Code:

.news:hover{Kode CSS}

Code:

.news:active{Kode CSS}

dll...

Makasih udh mau bantu kakak Nathan,tpi malahan widgetnya jadi gak melayang

Jadi tambah Error

Ini kode yang Sakura pake

Code:

.news:hover{position:fixed;bottom:0px;right:0px;width:300px;height:226px;}

pke kode ini aja

Code:

<a class="update" id="update" href="/t46-maintenance" rel="sidebar" title="Anime Lovers Indonesia"><img src="http://img543.imageshack.us/img543/607/rw0e.png"></a>

Css kmu yg sebelumnya udh bener,ga ush diganti lagi

Halo,

Coba kode ini

Code:

.news:hover {
background: #ffaaff;
}

tambahin kode <right> di awal kode widgetnya,mungkin bisa work

Kayaknya itu sudah melayang gan gambarnya :scratch:
kira-kira mau efek hover yang kayak mana ?

tommycoo wrote:Kayaknya itu sudah melayang gan gambarnya :scratch:
kira-kira mau efek hover yang kayak mana ?

Iya,emg bener udah melayang,tapi posisinya sakura maunya di pojok kanan

Sakura itu maunya waktu ga di-hover ttp kayak gambar biasanya,tapi waktu di-hover muncul efek hovernya

Sakurasou wrote:

tommycoo wrote:Kayaknya itu sudah melayang gan gambarnya :scratch:
kira-kira mau efek hover yang kayak mana ?

Iya,emg bener udah melayang,tapi posisinya sakura maunya di pojok kanan

Sakura itu maunya waktu ga di-hover ttp kayak gambar biasanya,tapi waktu di-hover muncul efek hovernya

Ia itukan sudah di pojok kanan atuh neng
coba liat nih
[You must be registered and logged in to see this image.]

nih hovernya
kalau mau beputar

Code:

.regis img:hover{transform: rotate(360deg) scale(1);}

kalau hovernya mau gak keliatan 1/2
begini

Code:

.regis img:hover{opacity:0.5;}

Iya sakura tau tapi itu sakura nge-copy-nya dari problem kak mercurial ==

Yang widget updates di samping kanan itu lho,emang sih yang bisa ngeliatnya cuma member yang udah masuk ke dalam forum

Coba kalo kak tommy udah masuk,keliatan widget "Updates" di sisi kanan,dan tanpa efek hover dan tetep di situ2 aja,ga melayang

makasih

Nih sakura coba masukkin ke cssnya

Code:

a.news img{position: fixed !important;
bottom: 0px !important;
right: 0px !important;}

tommycoo wrote:Nih sakura coba masukkin ke cssnya

Code:

a.news img{position: fixed !important;
bottom: 0px !important;
right: 0px !important;}

Wow kak Tommy

Hasilnya memuaskan sekali

Pas seperti yang sakura mau Tapi,efek hovernya masih belum work

Kalo ga ada solusi lain utk efek hovernya gpp,biar yang kayak ga ada efek hovernya aja

Oh iya sorry lupa untuk hovernya
nih coba aja hovernya ini

Code:

a.news img:hover{transform: rotate(360deg) scale(1); transition: all 1s ease-in-out 0s;}

Itu untuk hover berputar

kalau mau kayak gak keliatan kayak bookmark yang di samping kanan bawah >>>

gini codenya

Code:

a.news img:hover{opacity:0.6;}

tommycoo wrote:Oh iya sorry lupa untuk hovernya
nih coba aja hovernya ini

Code:

a.news img:hover{transform: rotate(360deg) scale(1); transition: all 1s ease-in-out 0s;}

Itu untuk hover berputar

kalau mau kayak gak keliatan kayak bookmark yang di samping kanan bawah >>>

gini codenya

Code:

a.news img:hover{opacity:0.6;}

g work utk yg kyk di samping knan bawah itu...

Klo yg rotate,g bisa juga...

Gimana?

kayaknya belum di save itu sakura ?
soalnya saya gak ngeliat tuh css hovernya di sana

tommycoo wrote:kayaknya belum di save itu sakura ?
soalnya saya gak ngeliat tuh css hovernya di sana

Sya udah save dan malahan hasilnya tdk ada prubahan

Ini nih,kode CSS-nya:

Code:

a.news img{position: fixed !important;
bottom: 0px !important;
right: 0px !important;}

a.news img:hover{opacity:0.6;}

Makasih

coba ganti pake yang ini

Code:

.news img:hover{opacity:0.6 !important;}

tommycoo wrote:coba ganti pake yang ini

Code:

.news img:hover{opacity:0.6 !important;}

Maaf kak,

Rupanya,itu kodenya sakurasou udah bener.

Jadi,efek hovernya itu berjalan stlah di-hover

Makasih