The forum of the forums
Would you like to react to this message? Create an account in a few clicks or log in to continue.

Background Hover Transition

+3
Nera.
Niko
XDirect12345
7 posters

Go down

Solved Background Hover Transition

Post by XDirect12345 April 10th 2012, 23:49

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
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 April 11th 2012, 21:58

Hello,

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

Friendly Mr. Green
Niko
Niko
Helper
Helper

Male Posts : 3100
Reputation : 244
Language : English, Italian, French
Location : Italy

https://www.fmcodes.net/

Back to top Go down

Solved Re: Background Hover Transition

Post by XDirect12345 April 12th 2012, 02:13

Any background. I just need the transition effects!
XDirect12345
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. April 12th 2012, 11:31

Nera.
Nera.
Energetic

Female Posts : 7078
Reputation : 2017
Language : English
Location : -

Back to top Go down

Solved Re: Background Hover Transition

Post by kirk April 12th 2012, 13:59

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
kirk
Forumaster

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

Back to top Go down

Solved Re: Background Hover Transition

Post by XDirect12345 April 12th 2012, 21:07

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
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 April 13th 2012, 11:36

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
ankillien
Energetic

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

Back to top Go down

Solved Re: Background Hover Transition

Post by XDirect12345 April 13th 2012, 21:19

Its going to be hard to get the code, can you make it for me.
XDirect12345
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 April 14th 2012, 04:20

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
ankillien
Energetic

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

Back to top Go down

Solved Re: Background Hover Transition

Post by XDirect12345 April 14th 2012, 22:53

okay, i made it work. This can be locked now. Thanks everyone for the help.
XDirect12345
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- April 15th 2012, 04:33

whats ur website, i wanna check it out
+Fusion-
+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 April 15th 2012, 08:30

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
Jophy
ForumGuru

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

Back to top Go down

Back to top


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