These mostly may be added after the Div Core Image inside Band Members Section#1 - Image Mouse Over Links
*UPDATED* May/13/2009Place at *Band Members Section*
- Code:
-
<a href="HYPERLINK URL" class="link1"></a>
Place at "Sounds Like Section"
- Code:
-
<style>
a.link1 {filter:none; width:50px; height:50px; display:block;}
a.link1 {position:absolute; left:100px; top:200px;}
a.link1 {background-image:url("IMAGE URL NOT HOVERING");}
a.link1:hover {background-image:url("IMAGE URL WHEN HOVERING");}
</style>
You will have to make 1 of this entirely for each Button Link that will have the Mouse Over Effect, make sure you give it a new *class name (change: link1 to another name for the next button)
........................................................................................ #2 - Hyperlink Image Opacity
- Code:
-
<a class="linkopacity" href="HYPERLINK URL"><img src="IMAGE URL WITH OPACITY EFFECT" style="height:100px !important; width:100px !important; border:1px solid red; position:absolute; top:100px; left:50%; margin-left:200px; z-index:9 !important;"></a>
<style>
a.linkopacity img {
filter:alpha(opacity=50);
-moz-opacity: 0.5;
opacity: 0.5;}
a.linkopacity:hover img {
filter:alpha(opacity=100);
-moz-opacity: 1.0;
opacity: 1.0;}
</style>
........................................................................................ 3# - Background Color/Image Settings
- Code:
-
<style>
{ Background Properties }
table, tr, td { background-color:transparent;
border:none;
border-width:0;}
body { background-color:red;
background-attachment:fixed;
background-position:top center;
background-repeat:no-repeat;
background-image: url('BACKGROUND IMAGE URL MINIMAL WIDTH 1800px - HEIGHT 792px');
border-top-width:0px;
border-bottom-width:0px;
border-left-width:0px;
border-right-width:0px;
border-color:none;
border-style:solid;
padding-left:0px;
padding-right:0px;}
</style>
........................................................................................ #4 - Floating Image
- Code:
-
<img src="FLOATING IMAGE URL" style="width:100px; height:50px; position:absolute; top:100px; left:100px; border:1px magenta solid; z-index:9 !important;" title="MOUSE OVER MESSAGE">
........................................................................................ #5 - Floating Hyperlink Image
- Code:
-
<a href="HYPERLINK URL" style="position:absolute; top:100px; left:100px; z-index:9 !important" title="MOUSE OVER MESSAGE">
<img src="FLOATING LINK IMAGE URL" style="width:100px; height:50px;border:1px magenta solid;" /></a>
........................................................................................ #6 - Floating Hyperlink Clear Image
- Code:
-
<a href="HYPERLINK URL" style="position:absolute; top:100px; left:100px; z-index:9 !important;" title="MOUSE OVER MESSAGE">
<img src="http://myspacedivs.info/clear.gif" style="width:100px; height:50px; border:1px magenta solid;" /></a>
MORE COMING SOON