Updates
7/20: 8 new tiny comment boxes.
7/14: 2 new Photoshop brush sets.
7/08: 4 new music layouts, 9 new tiny comment boxes.
7/05: New site layout!
7/04: 7 new tiny comment boxes, 2 new simplistic contact tables.
7/03: 9 new comment boxes, 2 new layouts.
6/29: New store at Rewindd.com/store, 7 new simplistic contact tables.
6/27: 6 new grunge contact tables, 5 new patterned contact tables.
6/16: 10 new fonts, 8 new about me headers.
6/15: 8 new comment boxes.
6/14: 20 new about me headers @ rewindd.com/myspace, 6 new banner bases.
6/12: 9 new comment boxes.
6/11: New site layout.
6/08: Updates @ Rewindd.com/music.
6/06: 3 new layouts.
6/02: 5 new layouts @ Rewindd.com/summer
5/26: 6 new layouts, 2 new comment boxes @ Rewindd.com/summer
5/18: Updates @ Rewindd.com/music.
5/11: 7 new comment boxes, 8 new icons, new plugboard @ rewindd.com/ plugboard.
Image Rollovers
Here's how to do a simple image link rollover. Ex:
Alright, first we're gonna need the images you're going to use. Image1 will be the actual image link,
and Image2 will be image you see when you hover over Image1. Here are the images I will use:
Image1:
Image2:
Remember that you'll need to know the exact height and width of these images. You'll have to put them
into the style tags along with the image urls. Now let's to make the style tags. This will be all the coding
neccessary for the image hover:
Paste into About Me:
<style type="text/css">
.go {display:block;width:NUMBERpx;height:NUMBERpx;
background-color:transparent;
background-image:url("IMAGE1 URL");
background-repeat:no-repeat; background-position:top left; }
.go:hover {display:block;width:NUMBERpx;height:NUMBERpx;
background-color:transparent;
background-image:url("IMAGE2 URL");
background-repeat:no-repeat; background-position:bottom left;}
</style>
The "go" part can be changed to any name, just make sure that they match each other. For instance, you can change it
to "link" but you must also change "go:hover" to "link:hover." The bolded text will tell you what you need to
put there. Be sure to input put the correct information or the image hover will not work.
Finally, let's make the image hover link:
<a href="URL HERE" class="go"></a>
Again, remember that the "go" part of the link must match up with the coding. Simply place this link
where you want the image hover to show up and done!
