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.
The forum of the forums
+3
Nera.
Niko
XDirect12345
7 posters

    Background Hover Transition

    XDirect12345
    XDirect12345
    Forumember


    Male Posts : 361
    Reputation : 3
    Language : English

    Solved Background Hover Transition

    Post by XDirect12345 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.
    Niko
    Niko
    Helper
    Helper


    Male Posts : 3231
    Reputation : 248
    Language : English, Italian, French
    Location : Italy

    Solved Re: Background Hover Transition

    Post by Niko 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
    XDirect12345
    XDirect12345
    Forumember


    Male Posts : 361
    Reputation : 3
    Language : English

    Solved Re: Background Hover Transition

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

    Any background. I just need the transition effects!
    Nera.
    Nera.
    Energetic


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

    Solved Re: Background Hover Transition

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

    kirk
    kirk
    Forumaster


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

    Solved Re: Background Hover Transition

    Post by kirk 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

    XDirect12345
    XDirect12345
    Forumember


    Male Posts : 361
    Reputation : 3
    Language : English

    Solved Re: Background Hover Transition

    Post by XDirect12345 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.
    ankillien
    ankillien
    Energetic


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

    Solved Re: Background Hover Transition

    Post by ankillien 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.
    XDirect12345
    XDirect12345
    Forumember


    Male Posts : 361
    Reputation : 3
    Language : English

    Solved Re: Background Hover Transition

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

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


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

    Solved Re: Background Hover Transition

    Post by ankillien 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.
    XDirect12345
    XDirect12345
    Forumember


    Male Posts : 361
    Reputation : 3
    Language : English

    Solved Re: Background Hover Transition

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

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


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

    Solved Re: Background Hover Transition

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

    whats ur website, i wanna check it out
    Jophy
    Jophy
    ForumGuru


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

    Solved Re: Background Hover Transition

    Post by Jophy 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.

      Current date/time is September 23rd 2024, 1:22 am