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.

Background Hover Transition

View previous topic View next topic Go down

Solved Background Hover Transition

Post by XDirect12345 on April 10th 2012, 10:49 pm

For the topic and category posts; how do I make a transition hover effect from normal to a background hover using CSS3 or JQuery?

Also, how do I make a page transition so when you enter the site the page fades in. And how do I make a page fade from one page to the next when a link is clicked.

XDirect12345
Forumember

Male Posts : 361
Reputation : 3
Language : English

http://xdirect12345.forummotion.com

Back to top Go down

Solved Re: Background Hover Transition

Post by Niko on April 11th 2012, 8:58 pm

Hello,

I didn't understand which background we are talking about (:
can you explain me better?

Friendly Mr. Green

Niko
Hyperactive

Male Posts : 2166
Reputation : 93
Language : English, French, Italian, Spanish, Latin

https://www.translationscloud.com/?utm_source=forumotion&utm

Back to top Go down

Solved Re: Background Hover Transition

Post by XDirect12345 on April 12th 2012, 1:13 am

Any background. I just need the transition effects!

XDirect12345
Forumember

Male Posts : 361
Reputation : 3
Language : English

http://xdirect12345.forummotion.com

Back to top Go down

Solved Re: Background Hover Transition

Post by Nera. on April 12th 2012, 10:31 am


Nera.
Energetic

Female Posts : 7077
Reputation : 2013
Language : English
Location : -

http://webartzforum.com

Back to top Go down

Solved Re: Background Hover Transition

Post by kirk on April 12th 2012, 12:59 pm

yeah crazy request? (In a good way) Smile
looks like a cool code nera provided, but i am not sure how you would incorporate this for only the background?

As far as the page stuff fading in and out when you enter and leave the page..whaaa?? This is not a video man... Razz I am just kidding. Wink

But wow that's one heck of a request, I am sure if it could be done it would have to be done with jquery. There are a few members here that have pro- expertise in jquery and other scripting, So if there is a way i am sure they will reply.. I hope so because that sounds interesting.

Cool inquiry Very good
Thanx


kirk
Forumaster

Male Posts : 11037
Reputation : 651
Language : English,Vulcan,Klingon, Romulan,& Gorn

Back to top Go down

Solved Re: Background Hover Transition

Post by XDirect12345 on April 12th 2012, 8:07 pm

okay, ill fix it up with JQuery experts.

How do I make a background hover for the topics section and add a transition effect to it using CSS3? I know it is possible, something like:
Code:
transition: width 2s;
-moz-transition: width 2s; /* Firefox 4 */
-webkit-transition: width 2s; /* Safari and Chrome */
-o-transition: width 2s; /* Opera */

Only add it as a background hover to:
Code:
.forumline .row1

Like on forummotion support how the forums have a hover effect. I want that only add some transition effect to it.

XDirect12345
Forumember

Male Posts : 361
Reputation : 3
Language : English

http://xdirect12345.forummotion.com

Back to top Go down

Solved Re: Background Hover Transition

Post by ankillien on April 13th 2012, 10:36 am

The background animation can be done using jQuery: http://snook.ca/archives/javascript/jquery-bg-image-animations

And the body fade effect, I think you want modal window. Make google search for jQuery modal window, there are many available.

ankillien
Energetic

Posts : 5198
Reputation : 129
Language : English, XHTML, CSS, JS, PHP, SQL

http://www.webartzforum.com/

Back to top Go down

Solved Re: Background Hover Transition

Post by XDirect12345 on April 13th 2012, 8:19 pm

Its going to be hard to get the code, can you make it for me.

XDirect12345
Forumember

Male Posts : 361
Reputation : 3
Language : English

http://xdirect12345.forummotion.com

Back to top Go down

Solved Re: Background Hover Transition

Post by ankillien on April 14th 2012, 3:20 am

@XDirect12345 wrote:Its going to be hard to get the code, can you make it for me.

Sorry, we can't do your homework. To upgrade your forum with new features, you have to upgrade yourself with knowledge. I have provided you enough resources to learn from.

ankillien
Energetic

Posts : 5198
Reputation : 129
Language : English, XHTML, CSS, JS, PHP, SQL

http://www.webartzforum.com/

Back to top Go down

Solved Re: Background Hover Transition

Post by XDirect12345 on April 14th 2012, 9:53 pm

okay, i made it work. This can be locked now. Thanks everyone for the help.

XDirect12345
Forumember

Male Posts : 361
Reputation : 3
Language : English

http://xdirect12345.forummotion.com

Back to top Go down

Solved Re: Background Hover Transition

Post by +Fusion- on April 15th 2012, 3:33 am

whats ur website, i wanna check it out

+Fusion-
Forumember

Male Posts : 252
Reputation : 4
Language : English
Location : Flying

http://www.xcodezz.com

Back to top Go down

Solved Re: Background Hover Transition

Post by Jophy on April 15th 2012, 7:30 am

Since this thread appears to be solved, I will mark this thread as Solved and move it now.

Note: You can also help the staff member's work by EDITING your topic and marking it as Solved.

Jophy
ForumGuru

Male Posts : 17924
Reputation : 835
Language : English
Location : Somewhere

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