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.

Hover image code from GS Greeny

2 posters

Go down

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
Saxaca
Saxaca
Forumember

Male Posts : 539
Reputation : 26
Language : Markup.

Back to top Go down

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>
avatar
Guest
Guest


Back to top Go down

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..
Saxaca
Saxaca
Forumember

Male Posts : 539
Reputation : 26
Language : Markup.

Back to top Go down

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


Sanket
Sanket
ForumGuru

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

Back to top Go down

Back to top

- Similar topics

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