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 January 12th 2013, 4:50 pm

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 January 12th 2013, 7:10 pm

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 : 2819
Language : English
Location : Mumbai

http://webartzforum.com

Back to top Go down

Solved Re: Hover pop up?

Post by Cassius Dio on January 12th 2013, 11:35 pm

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 January 13th 2013, 2:51 am

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 January 13th 2013, 5:36 am

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

Sanket
ForumGuru

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

http://webartzforum.com

Back to top Go down

Solved Re: Hover pop up?

Post by CodyDeathHammer on January 13th 2013, 6:03 pm

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 January 13th 2013, 7:39 pm

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 : 2819
Language : English
Location : Mumbai

http://webartzforum.com

Back to top Go down

Solved Re: Hover pop up?

Post by CodyDeathHammer on January 13th 2013, 7:58 pm

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 January 14th 2013, 11:28 am

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

Sanket
ForumGuru

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

http://webartzforum.com

Back to top Go down

Solved Re: Hover pop up?

Post by Mati on January 14th 2013, 1:27 pm

Add this to your css:

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

Mati
Active Poster

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

http://footballforums.forumotion.net/

Back to top Go down

Solved Re: Hover pop up?

Post by The Lone Ranger on January 14th 2013, 8:22 pm

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 January 14th 2013, 9:49 pm

@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 January 14th 2013, 10:04 pm

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 January 21st 2013, 2:31 am

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 January 21st 2013, 5:09 am

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

Sanket
ForumGuru

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

http://webartzforum.com

Back to top Go down

Solved Re: Hover pop up?

Post by CodyDeathHammer on January 21st 2013, 9:50 pm

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 January 21st 2013, 10:26 pm

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 : 36697
Reputation : 2445
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