Kalian Member Baru, Yuk Perkenalan Dahulu. 1 Member 1 Thread.
Selamat datang di Forum Atlanta~Halo, kalian masih menjadi tamu ya di forum ini ? Kenapa masih jadi tamu ayok ikutan kita gabung di forum ini.
Banyak loh tutorial yang dapat kamu dapatkan di sini, kalian juga bisa tanya-tanya tentang masalah blog/forum kok di sini.
Langsung aja yok daftar kalau kalian belum daftar di sini Register, Kalau sudah punya IDnya langsung aja ya Login

You are not connected. Please login or register

 

Error Hover Effect&Position

Oops! Sepertinya ada sedikit kesalahan ...

[#22124]

Atlanta telah memblok tamu untuk melihat konten yang ada, silahkan mendaftar untuk dapat melihat isi konten kami.


Need Help?

Message (Halaman 1 dari 1)

#1
 on 30/6/2013, 16:51

Retired Staff


Retired Staff
Halo kak Senyum

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! Sedih

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 beer

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;}

#2
 on 30/6/2013, 18:38

Level 2

Level 2
kau mau css yang baik? untuk hover? ada banyak lho..
contoh
Code:
.news:hover{Kode CSS}
Code:
.news:active{Kode CSS}
dll...

#3
 on 1/7/2013, 08:48

Retired Staff


Retired Staff
[You must be registered and logged in to see this link.] 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 Sedih

Jadi tambah Error Sedih

Ini kode yang Sakura pake

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

#4
 on 4/7/2013, 18:52

Retired Staff


Retired Staff
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

#5
 on 6/7/2013, 18:07

Retired Staff


Retired Staff
Halo,

Coba kode ini

Code:
.news:hover {
background: #ffaaff;
}

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

#6
 on 15/7/2013, 19:54

Owner of Atlanta


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

#7
 on 18/7/2013, 10:36

Retired Staff


Retired Staff
[You must be registered and logged in to see this link.] 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 Senyum

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

#8
 on 18/7/2013, 11:54

Owner of Atlanta


Owner of Atlanta
Sakurasou wrote:
[You must be registered and logged in to see this link.] 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 Senyum

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

Ia itukan sudah di pojok kanan atuh neng Senyum
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;}

Wink

#9
 on 18/7/2013, 14:34

Retired Staff


Retired Staff
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 Senang

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

makasih Senyum

#10
 on 19/7/2013, 05:20

Owner of Atlanta


Owner of Atlanta
Nih sakura coba masukkin ke cssnya Senyum
Code:
a.news img{position: fixed !important;
bottom: 0px !important;
right: 0px !important;}

#11
 on 24/7/2013, 13:57

Retired Staff


Retired Staff
[You must be registered and logged in to see this link.] wrote:Nih sakura coba masukkin ke cssnya Senyum
Code:
a.news img{position: fixed !important;
bottom: 0px !important;
right: 0px !important;}

Wow kak Tommy Senang

Hasilnya memuaskan sekali Senang

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

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

#12
 on 24/7/2013, 17:27

Owner of Atlanta


Owner of Atlanta
Oh iya sorry lupa untuk hovernya wek
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;}

#13
 on 25/7/2013, 07:23

Retired Staff


Retired Staff
[You must be registered and logged in to see this link.] wrote:Oh iya sorry lupa untuk hovernya wek
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... Senyum

Klo yg rotate,g bisa juga... Senyum

Gimana? Senang

#14
 on 25/7/2013, 18:55

Owner of Atlanta


Owner of Atlanta
kayaknya belum di save itu sakura Senyum ?
soalnya saya gak ngeliat tuh css hovernya di sana Wink

#15
 on 25/7/2013, 21:03

Retired Staff


Retired Staff
[You must be registered and logged in to see this link.] wrote:kayaknya belum di save itu sakura Senyum?
soalnya saya gak ngeliat tuh css hovernya di sana Wink


Sya udah save dan malahan hasilnya tdk ada prubahan Senyum

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 Senang

#16
 on 25/7/2013, 21:05

Owner of Atlanta


Owner of Atlanta
coba ganti pake yang ini Senyum
Code:
.news img:hover{opacity:0.6 !important;}

#17
 on 26/7/2013, 11:15

Retired Staff


Retired Staff
[You must be registered and logged in to see this link.] wrote:coba ganti pake yang ini Senyum
Code:
.news img:hover{opacity:0.6 !important;}

Maaf kak,

Rupanya,itu kodenya sakurasou udah bener.

Jadi,efek hovernya itu berjalan stlah di-hover Senyum

Makasih Senyum

#18
 on 26/7/2013, 19:07

Owner of Atlanta


Owner of Atlanta
Topic solved and archives~

Sponsored content
#19
 Today at 07:47


Message (Halaman 1 dari 1)

Share This Topic !

URL :
BBcode :
HTML :

Permissions in this forum:
Anda tidak dapat menjawab topik

Total Posts Total Threads Total Members Newest Member29 November 2014 Date of Establishment of the Forum

Total 0 user online :: 0 Terdaftar, 0 Tersembunyi dan 0 Tamu

Total 0 user online :: 0 Terdaftar, 0 Tersembunyi dan 0 Tamu (Lihat list online)


User yang sedang berada di forum ini: Tidak ada