Hover image code from GS Greeny Hitskin_logo Hitskin.com

This is a Hitskin.com skin preview
Install the skinReturn to the skin page

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.
2 posters

    Hover image code from GS Greeny

    Saxaca
    Saxaca
    Forumember


    Male Posts : 539
    Reputation : 26
    Language : Markup.

    Solved Hover image code from GS Greeny

    Post by Saxaca October 10th 2010, 7:10 pm

    GS Greeny is that Grafikspot-template Wink

    I saw, that in it's CSS there was a hover code. For that propni templati romanian thingy. I nearly got the code to work. I had to make my own code, nearly the same. But i used # instead of .

    And, the code worked - kinda. It was perfect when i put it in a DIV and set height and width, but it didn't work in my <a> link TT

    Well, it did. But i had to write an unbelivable number of &nbsp's and <br>'s. And i don't want to do that. On grafikspot, things seem to run all smooth. How can i get that/ what is GS' code?

    The code is:


    Code:
    ./#propune-tutorial {
    background: url(http://i33.servimg.com/u/f33/15/33/29/01/propun12.png) no-repeat;
    margin-left: 400px;
    }

    ./#propune-tutorial:hover{
    background: url(http://i33.servimg.com/u/f33/15/33/29/01/propun13.png) no-repeat;
    }

    So, simply. Can anyone get that code to work? It's an real twister :/


    Last edited by Saxaca on October 10th 2010, 9:52 pm; edited 1 time in total
    avatar
    Guest
    Guest


    Solved Re: Hover image code from GS Greeny

    Post by Guest October 10th 2010, 8:37 pm

    Hmm don't know if that what you want Very Happy

    Code:

    <style type="text/css">
    .propune-tutorial {
    background: url(http://i33.servimg.com/u/f33/15/33/29/01/propun12.png) no-repeat;
    margin-left: 400px;
    }

    .propune-tutorial:hover{
    background: url(http://i33.servimg.com/u/f33/15/33/29/01/propun13.png) no-repeat;
    }

    </style>

    <div class="propune-tutorial"><a href="/post.forum?mode=newtopic&f=6"><img src="http://i64.servimg.com/u/f64/14/54/25/26/imagin10.png" /></a></div>
    Saxaca
    Saxaca
    Forumember


    Male Posts : 539
    Reputation : 26
    Language : Markup.

    Solved Re: Hover image code from GS Greeny

    Post by Saxaca October 10th 2010, 9:51 pm

    Hey, thanks!

    But, Gang, i'm gonna get this thread locked now. That image here: https://i.servimg.com/u/f64/14/54/25/26/imagin10.png What is it?

    Just PM me Wink

    ---> Solved in 45sec..
    Sanket
    Sanket
    ForumGuru


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

    Solved Re: Hover image code from GS Greeny

    Post by Sanket October 10th 2010, 10:06 pm

    Since this thread is marked solved, I will lock this thread.
    Hover image code from GS Greeny 2j4t5a8

    Sanket Smile