Logo Sliding
+2
SLGray
Raze
6 posters
Page 1 of 1
Logo Sliding
As of here > http://demo.nicetheme.com/forum?theme_id=179315
If you put mouse on logo it slides to the right.
How could I get that :o
If you put mouse on logo it slides to the right.
How could I get that :o
Raze- Forumember
- Posts : 406
Reputation : 12
Language : English, HTML, CSS
Re: Logo Sliding
When I visited the skin, the logo did not move.
Lost Founder's Password |Forum's Utilities |Report a Forum |General Rules |FAQ |Tricks & Tips
You need one post to send a PM.
You need one post to send a PM.
When your topic has been solved, ensure you mark the topic solved.
Never post your email in public.
Re: Logo Sliding
Did you put your mouse on the logo?
or it might not move for internet explorer
or it might not move for internet explorer
Raze- Forumember
- Posts : 406
Reputation : 12
Language : English, HTML, CSS
Re: Logo Sliding
It did move when I used Opera, but did not when I used Internet Explorer.
Lost Founder's Password |Forum's Utilities |Report a Forum |General Rules |FAQ |Tricks & Tips
You need one post to send a PM.
You need one post to send a PM.
When your topic has been solved, ensure you mark the topic solved.
Never post your email in public.
Re: Logo Sliding
Well yea
I want to get my logo to move like that.
But I can't figure out the right code
I want to get my logo to move like that.
But I can't figure out the right code
Raze- Forumember
- Posts : 406
Reputation : 12
Language : English, HTML, CSS
Re: Logo Sliding
Look into jQuery animate() function.
- Code:
$(logo id).mouseover(function() {
$(this).animate() {
the stuff you want it to do
}
});
LGforum- Hyperactive
- Posts : 2265
Reputation : 264
Language : English
Location : UK
Re: Logo Sliding
I'd love to see you do that with CSS...
CSS can move things on mouseOver, but it can't animate things.
CSS can move things on mouseOver, but it can't animate things.
LGforum- Hyperactive
- Posts : 2265
Reputation : 264
Language : English
Location : UK
Re: Logo Sliding
It can, take a look at my example:
- Code:
#logo {
-moz-transition-duration: 1s;
-moz-transition-property: -moz-transform;
background-position: left center;
background-repeat: no-repeat;
height: 100px;
position: relative;
text-align: left;
top: 15px;
}
#logo:hover {
-moz-transform: translate(60px);
}
Re: Logo Sliding
I take it back! I do apologise.
man i need to look into more CSS3. I'm living in the past.
man i need to look into more CSS3. I'm living in the past.
LGforum- Hyperactive
- Posts : 2265
Reputation : 264
Language : English
Location : UK
Re: Logo Sliding
- Code:
#logo, #i_logo {
-moz-transition-duration: 1s;
-moz-transition-property: -moz-transform;}
#logo, .#i_logo:hover {
-moz-transform: translate(60px);
}
Guest- Guest
Re: Logo Sliding
The codes didn't make my logo slide
Raze- Forumember
- Posts : 406
Reputation : 12
Language : English, HTML, CSS
Re: Logo Sliding
Here you go:
- Code:
#pun-logo {
-moz-transition-duration: 1s;
-moz-transition-property: -moz-transform;}
#pun-logo:hover {
-moz-transform: translate(60px);
}
Guest- Guest
Re: Logo Sliding
Thanks Johnny it worked.
Raze- Forumember
- Posts : 406
Reputation : 12
Language : English, HTML, CSS
Re: Logo Sliding
Topic solved
Nera.- Energetic
- Posts : 7078
Reputation : 2017
Language : English
Location : -
Similar topics
» Forum widgets management > Sliding Panel
» Pop-Out (Sliding) Chatbox
» Sliding Hovering forum title
» Menu and notifications buttons are sliding away from each other. Why?
» Sliding logining panel for phpBB3
» Pop-Out (Sliding) Chatbox
» Sliding Hovering forum title
» Menu and notifications buttons are sliding away from each other. Why?
» Sliding logining panel for phpBB3
Page 1 of 1
Permissions in this forum:
You cannot reply to topics in this forum