Latest Update

Affiliates

View All | Apply
Stats
online
Add Mikeplyts On Myspace

CODES

• You do not have to leave credit because this is a "public" code.

IMAGE ROLLOVERS

First, you'll need to make your two images that you're going to use for your rollover. They should be exactly the same size.

Now use this code to position the rollover. Change POSITION_CLASS_NAME to the name you are going to give that div which will position your rollover and change ### to your own measurements.

<style> .POSITION_CLASS_NAME {z-index:5; position: absolute; width:###px; height:###px; left:###px; top:###px;} </style>

(Just repeat the the code for more div's to position and contain your rollovers.)

Use this code to make the actual image rollover "appearance" itself. Change IMAGE_URL1 to the url of the normal image, change IMAGE_URL2 to the url of the image that will appear when the image is rollovered, and change the width and height to the same width and height as the div section class code that will position the rollover. Also, change ROLLOVER_CLASS_NAME to the name of the rollover.

<style> .ROLLOVER_CLASS_NAME {height: ###px; width: ###px; overflow: hidden; background: url(IMAGE_URL1) top left no-repeat; display: block;} .ROLLOVER_CLASS_NAME:hover {background-position: bottom left;} </style>

(Just repeat the "rollover_class_name" code for more rollovers.)

© Mikeplyts.net 2008-2009. All Rights Reserved.