MyspaceDivs
Would you like to react to this message? Create an account in a few clicks or log in to continue.


Div Overlays Tutorials for Standard & Music Profiles. A community for Developers & Users to help each other out with Div Overlays in Myspace.
 
HomeLatest imagesSearchRegisterLog in
MYSPACEDIVS.INFO - PASS IT ON!!

 

 Tweaks / Effects

Go down 
AuthorMessage
myspacedivs
Admin
myspacedivs


Posts : 178
Points : 230
Reputation : 16
Join date : 2009-03-12
Age : 39
Location : Guaynabo, PR *USA

Tweaks / Effects Empty
PostSubject: Tweaks / Effects   Tweaks / Effects EmptySun Mar 15, 2009 3:24 pm

These mostly may be added after the Div Core Image inside Band Members Section


#1 - Image Mouse Over Links
*UPDATED* May/13/2009

Place 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
Back to top Go down
http://myspacedivs.info
 
Tweaks / Effects
Back to top 
Page 1 of 1

Permissions in this forum:You cannot reply to topics in this forum
MyspaceDivs :: Myspace Tutorials :: Div Overlay Tutorials-
Jump to: