Author's Comments
Look carefully for specific instructions
**Follow Instructions**
1- Change whats in BLUE
2- Code goes between the style tags
Here's an example:
It's all one image, made of two smaller images that are identical in dimension.
Make the height in the below code one half of the overall image height.
A typical default pic on a profile is 170px wide.
Insert the url into the following CSS:
.code {rollover for default pic}
.profileInfo table td.text a img {display: none;}
.profileInfo table td.text a{
display: block;
overflow: hidden;
height:???px;
width:???px;
background-image: url("????????");
background-position: top center;
background-repeat: no-repeat;
}
.profileInfo table td.text a:hover {background-position: bottom center;}
CLICK HERE to See a Working Example (my profile)
View All My Scripts
1- Change whats in BLUE
2- Code goes between the style tags
<style> code here </style>
Here's an example:
It's all one image, made of two smaller images that are identical in dimension.
Make the height in the below code one half of the overall image height.
A typical default pic on a profile is 170px wide.
Insert the url into the following CSS:
.code {rollover for default pic}
.profileInfo table td.text a img {display: none;}
.profileInfo table td.text a{
display: block;
overflow: hidden;
height:???px;
width:???px;
background-image: url("????????");
background-position: top center;
background-repeat: no-repeat;
}
.profileInfo table td.text a:hover {background-position: bottom center;}
CLICK HERE to See a Working Example (my profile)
View All My Scripts
Script Comments
Showing latest 7 of 7 comments
it does work, trust me, ive used it in many profiles ive done...
By elrene06 on Jun 16, 2008 11:30 pm
didnt work for me neither. tried alot.:/
This is an awesome code, if I could work it.
By lindseymarieamazing on Jun 15, 2008 4:17 am
This is really good... way better than mine.
+Favorites
thank s (:
By Taskig on May 27, 2008 9:22 am
Great Job, I favorited it.
By CreativeArticulate on Dec 7, 2007 7:48 am
Your page is hot.
By itspassionbaby on Nov 9, 2007 7:44 pm
you gotta put the 2 pics together, then make it half, like if the pic is 300 height, make it 150, you see what im tryin to say??
and do the same with the width, and it also hides the default picture, thats how you replace it with the rollover....
By elrene06 on Oct 18, 2007 5:54 pm
its not working for me.
like if i put it on , my default picture wont show. and i really wanna use this script :] pleae help.
By Animeloverhk93 on Oct 18, 2007 2:59 pm
