Image rollovers, (for a div overlay) Options

[alison-apples]

I've tried multiple codes. None of them seem to work. What's the code for an image rollover for a myspace div overlay?

Thanks in advance.

[Mickey]

Have you tried this code?

[alison-apples]

xD I looked everywhere but createblog!

Lul. Thanks. I'll try it.

[alison-apples]

It doesn't have the "I'd Like to Meet" code.

D:

[digitalfragrance]

Their tutorial was confusing... try it this way using the code they used.

CODE

<style type="text/css">
a.NAME
{float:left;background:url(Picture_URL_1)repeat;width:XXXpx;height:XXXpx;display:block;}

a.NAME:hover
{float:left;background:url(Picture_URL_2)repeat;}
</style>

For you homepage link...
1. Create 2 images - the one that will first display for the link and the one that will display on rollover.
2. Upload the first image and paste it in place of Picture_Url_1
3. Upload the second image (the rollover one) and paste it in place of Picture_URL_2
4. Replace NAME with HOME
5. Copy and paste your edited code into your style sheet.

Now, let's do the actual link

A normal homepage link looks like this:

CODE

<a href="'http://home.myspace.com/index.cfm?fuseaction=user">Home</a>

6. For a rollover, you have to specify the class that you made before hand by adding class="HOME". Add the below link wherever you planned on placing it in the DIV layer.

CODE

<a href="'http://home.myspace.com/index.cfm?fuseaction=user" class="HOME">Home</a>

7. Repeat these steps for all links.

[digitalfragrance]

^ That's what I thought.

[n-murray]

Okay if digitalfragrance's code doesn't work for you, here is what I use:

Put this in aboutme:

CODE

<style>
.IMGNAME {display:block;width:##px;height:##px;
background-image:url("URL");
background-repeat:no-repeat; position:absolute; top:###px; left:50%; margin-left:###px;}

.IMGNAME:hover {display:block;width:##px;height:##px;
background-image:url("URL");
background-repeat:no-repeat;}
</style>

Then put this in Who I'd like to meet:

CODE

<div>
<a class="IMGNAME" href="URL">
</div>

[n-murray]

Oh I thought she wanted link rollovers

[Mikeplyts]

^She does. But the code you gave wouldn't work because well, read what Anarchy said. Anyways, the second code that you gave should have div tags instead of style tags.

[n-murray]

Whoops sorry haha I'm new to displaying codes. :-(

[Mickey]

No problem.

[tokyo-rose]

Topic Closed, and Moved to Myspace Resolved Topics. Please PM a moderator if you would like this reopened.