need help before i throw my computer out the window, image rollovers as friend lists Options

[breezy1215]

ok i have been trying for 4 hours to work out this code... and usually im great at doing this stuff but for some reaon i cant get past this code. i wanna put my friends pics on my friends list on myspace..... when u go over them with ur mouse a nother pic comes up that saystheir name... i tried the codes in the scripts part but either im doing it wrong or something someone PLEASEEEEEEEEE help i love my laptop i dont wanna throw it out the window

[*yrrnotelekktric*]

can you post the code?

[breezy1215]

it says its a CSS rollover

<style type="text/css">
.name{height: XXXpx; width: XXXpx; overflow: hidden; background: url(IMGE_URL_HERE) top left no-repeat; display: block;}
.name:hover{background-position: bottom left;}
</style>

u type that in the about me than it says

once you put the code in the your profile you put this code, where ever you want it to go



<a href="URL_TO_A_LINK" class="NAME"></a>

and heres two of the images i would be using





help?

[xastallaslyons]

you need to put the picture url where it says..then change the width and hieght..the height should be half of what the actual picture is...

[breezy1215]

but what about in the code it says NAME... n bg url.. im putting like 20 of these up

[*This Confession*]

http://www.createblog.com/forums/index.php...=146481&hl=


you read that huh?


k to do this

make your code

CODE

<a href="LINK" class="friend"></a>

<style type="text/css">
.friend{height: 184px; width: 163px; text-indent: 184px; overflow: hidden; background: url(URL TO PIC) top left no-repeat; display: block;}
.friend:hover{background-position: bottom left;}
</style>

Change the height and width to the same as one of the pictures.
Don't change the friend names because thats how you keep it all to work.
at the top where it says LINK - change that to the link you want the picture to be
the URL TO PIC - change that to the url for the picture.. go upload it at imageshack.us

[breezy1215]

CODE

<a href="LINK" class="friend"></a>

<style type="text/css">
.friend{height: 184px; width: 163px; text-indent: 184px; overflow: hidden; background: url(URL TO PIC) top left no-repeat; display: block;}
.friend:hover{background-position: bottom left;}
</style>

ok thats were i get mixxed up... i see where u have the URL TO PIC but what if i have more than one url PER person do i have to write this code 20 times if i have 20 ppl on my top well people? and than put it down where my friends should be

[*This Confession*]

yep
that code is only for person

you can make a image go to two different places.

so for each person you have to have that code once for them.

[breezy1215]

n i put it where i put my friends rite? in the about me section

[*This Confession*]

if you want it in your about me section then yea it can go there.

doesn't matter where you put it

[breezy1215]

ok i got a problem... i put the code in which looks like this

CODE

<a href="LINK" class="friend"></a><style type="text/css">
.friend{height: 82px; width: 70px; text-indent: 184px; overflow: hidden; background: url(http://img325.imageshack.us/img325/2595/megzzg5.jpg) top left no-repeat; display: block;}
.friend:hover{background-position: bottom left;}
</style><a href="http://profile.myspace.com/index.cfm?fuseaction=user.viewprofile&friendid=49059787" class="friend"></a><style type="text/css">
.friend{height: 82px; width: 70px; text-indent: 184px; overflow: hidden; background: url(http://img325.imageshack.us/img325/6264/brianrl5.jpg) top left no-repeat; display: block;}
.friend:hover{background-position: bottom left;}
</style><a href="http://profile.myspace.com/index.cfm?fuseaction=user.viewprofile&friendID=96394092" class="friend"></a> < style type="text/css">
.friend{height: 82px; width: 70px; text-indent: 184px; overflow: hidden; background: url(http://img325.imageshack.us/img325/1368/ssap8.jpg) top left no-repeat; display: block;}
.friend:hover{background-position: bottom left;}
</style><a href="http://profile.myspace.com/index.cfm?fuseaction=user.viewprofile&friendid=31770936" class="friend"></a>

but everytime i do this the LAST person i put in is the same person for all 3

[*This Confession*]

okay
now your code should be changed to this

sorry i forgot to mention this. I forget that I'm dealing with people that don't know as much as I do, sorry.

change your code to this

CODE

<a href="LINK" class="friend"></a><style type="text/css">
.friend{height: 82px; width: 70px; text-indent: 184px; overflow: hidden; background: url(http://img325.imageshack.us/img325/2595/megzzg5.jpg) top left no-repeat; display: block;}
.friend:hover{background-position: bottom left;}
</style>

<a href="http://profile.myspace.com/index.cfm?fuseaction=user.viewprofile&friendid=49059787" class="friend1"></a>
<style type="text/css">
.friend1{height: 82px; width: 70px; text-indent: 184px; overflow: hidden; background: url(http://img325.imageshack.us/img325/6264/brianrl5.jpg) top left no-repeat; display: block;}
.friend1:hover{background-position: bottom left;}
</style>


<a href="http://profile.myspace.com/index.cfm?fuseaction=user.viewprofile&friendID=96394092" class="friend2"></a>
<style type="text/css">
.friend2{height: 82px; width: 70px; text-indent: 184px; overflow: hidden; background: url(http://img325.imageshack.us/img325/1368/ssap8.jpg) top left no-repeat; display: block;}
.friend2:hover{background-position: bottom left;}
</style>

Notice how each one of them has a different name

such as the first one is just friend
the second one is friend1
and the third has friend2

[breezy1215]

ok ive done everything everyones so nicely told me i give up can someone do it for me lol prettty please with cherrys on top

[*This Confession*]

Contact me on Aim

Holly Infinite

I'll do it for you and explain it all so you can understand it as well

[breezy1215]

p1ayboybunnyxx is mine if ur confused

[*This Confession*]

Well I helped her on aim

Problem is solved
made a image to explain it and all


topic closed.