The forum of the forums
Welcome to the Official Support Forum of Forumotion!

To take full advantage of everything offered by our forum, please log in if you are already a member, or join our community if you've not yet.



Create a free forum like this one.

Hover pop up?

View previous topic View next topic Go down

Solved Hover pop up?

Post by CodyDeathHammer on Sat Jan 12 2013, 17:50

How to make this effect. When you put the mouse on some of the pictures it pops up. Example link here. http://www.legendsofthespiral.com/?page=1 Can you help me?

CodyDeathHammer
Forumember

Male Posts : 147
Reputation : 1
Language : English

Back to top Go down

Solved Re: Hover pop up?

Post by Sanket on Sat Jan 12 2013, 20:10

Which images do you want this effect to be added to? Any random image you add to the post?

Sanket
ForumGuru

Male Posts : 48766
Reputation : 2820
Language : English
Location : Mumbai

http://webartzforum.com

Back to top Go down

Solved Re: Hover pop up?

Post by Cassius Dio on Sun Jan 13 2013, 00:35

Hi,

Code for all the images from forum:
Code:
img:hover {
-webkit-animation-name: pulse;
-webkit-animation-duration: .5s;
-webkit-animation-direction: alternate;
-webkit-animation-timing-function: ease-in-out;
-webkit-transform: rotate(-15deg) scale(1.5);
-moz-transform: rotate(-15deg) scale(1.5);
-o-transform: rotate(-15deg) scale(1.5);
}

Code only for images from posts:
Code:
.postbody img:hover {
-webkit-animation-name: pulse;
-webkit-animation-duration: .5s;
-webkit-animation-direction: alternate;
-webkit-animation-timing-function: ease-in-out;
-webkit-transform: rotate(-15deg) scale(1.5);
-moz-transform: rotate(-15deg) scale(1.5);
-o-transform: rotate(-15deg) scale(1.5);
}

Cassius Dio
Forumember

Male Posts : 581
Reputation : 79
Language : Romanian &English
Location : Yellow Submarine

http://beatles.forummo.com/

Back to top Go down

Solved Re: Hover pop up?

Post by CodyDeathHammer on Sun Jan 13 2013, 03:51

I want all the buttons to pop up. This is the link for my forum http://journeyintothespiral.forumotion.com/

CodyDeathHammer
Forumember

Male Posts : 147
Reputation : 1
Language : English

Back to top Go down

Solved Re: Hover pop up?

Post by Sanket on Sun Jan 13 2013, 06:36

Add this to your css & check please.
Code:
img:hover{
transform: rotate(-15deg) scale(1.5) !important;
}

Sanket
ForumGuru

Male Posts : 48766
Reputation : 2820
Language : English
Location : Mumbai

http://webartzforum.com

Back to top Go down

Solved Re: Hover pop up?

Post by CodyDeathHammer on Sun Jan 13 2013, 19:03

No all the images are still poping up. I just want the buttons like forum, community ect.

CodyDeathHammer
Forumember

Male Posts : 147
Reputation : 1
Language : English

Back to top Go down

Solved Re: Hover pop up?

Post by Sanket on Sun Jan 13 2013, 20:39

First you said you want all the buttons to popup, hence i gave that code.

Please list the exact image types that you want to have this effect.

Sanket
ForumGuru

Male Posts : 48766
Reputation : 2820
Language : English
Location : Mumbai

http://webartzforum.com

Back to top Go down

Solved Re: Hover pop up?

Post by CodyDeathHammer on Sun Jan 13 2013, 20:58

Yea i am sorry. The pictures i want to pop up are: Portal, forum, faq, search, members, groups, profile, message and log out.

CodyDeathHammer
Forumember

Male Posts : 147
Reputation : 1
Language : English

Back to top Go down

Solved Re: Hover pop up?

Post by Sanket on Mon Jan 14 2013, 12:28

Add this & check if its working?
Code:
a img:hover {
    transform: rotate(-15deg) scale(1.5) !important;
}

Sanket
ForumGuru

Male Posts : 48766
Reputation : 2820
Language : English
Location : Mumbai

http://webartzforum.com

Back to top Go down

Solved Re: Hover pop up?

Post by Mati on Mon Jan 14 2013, 14:27

Add this to your css:

Code:
.mainmenu:hover img {
    transform: rotate(-15deg) scale(1.5);
}

Mati
Active Poster

Posts : 1897
Reputation : 283
Language : || HTML || CSS || jQuery ||
Location : At the Gym

http://forumdirectory.forumotion.net/

Back to top Go down

Solved Re: Hover pop up?

Post by The Lone Ranger on Mon Jan 14 2013, 21:22

Matti_7 wrote:Add this to your css:

Code:
.mainmenu:hover img {
    transform: rotate(-15deg) scale(1.5);
}

Works great! Thanks Matti! Very Happy

The Lone Ranger
Forumember

Male Posts : 438
Reputation : 37
Language : English
Location : Scotland

http://www.tenerifesforumoffun.com

Back to top Go down

Solved Re: Hover pop up?

Post by CodyDeathHammer on Mon Jan 14 2013, 22:49

@Sanket wrote:Add this & check if its working?
Code:
a img:hover {
    transform: rotate(-15deg) scale(1.5) !important;
}
Yea it worked but The header is hovering. I don't want it to. Please help.

CodyDeathHammer
Forumember

Male Posts : 147
Reputation : 1
Language : English

Back to top Go down

Solved Re: Hover pop up?

Post by The Lone Ranger on Mon Jan 14 2013, 23:04

Use matti_7s code.

The Lone Ranger
Forumember

Male Posts : 438
Reputation : 37
Language : English
Location : Scotland

http://www.tenerifesforumoffun.com

Back to top Go down

Solved Re: Hover pop up?

Post by CodyDeathHammer on Mon Jan 21 2013, 03:31

Thanks matt but all i need now to hover is the buttons like edit and quote and stuff in post. I just want them to pop up but with no rotate.

CodyDeathHammer
Forumember

Male Posts : 147
Reputation : 1
Language : English

Back to top Go down

Solved Re: Hover pop up?

Post by Sanket on Mon Jan 21 2013, 06:09

Add this to your css.
Code:
.post-options img:hover {
    transform: scale(1.5) !important;
}

Sanket
ForumGuru

Male Posts : 48766
Reputation : 2820
Language : English
Location : Mumbai

http://webartzforum.com

Back to top Go down

Solved Re: Hover pop up?

Post by CodyDeathHammer on Mon Jan 21 2013, 22:50

Thanks allot to everyone who helped me and i appreciate it. Everything is how i want it to be now. Thanks. Mods you can close now.

CodyDeathHammer
Forumember

Male Posts : 147
Reputation : 1
Language : English

Back to top Go down

Solved Re: Hover pop up?

Post by SLGray on Mon Jan 21 2013, 23:26

Topic Solved & Locked


When your topic has been solved, ensure you mark the topic solved.
Never post your email in public.


SLGray
Administrator
Administrator

Male Posts : 37713
Reputation : 2533
Language : English
Location : United States

http://ztwds.forumotion.com/

Back to top Go down

View previous topic View next topic Back to top


 
Permissions in this forum:
You cannot reply to topics in this forum