Smile Now, Cry Later (rollovers)

Designer's Comments

Look carefully for specific instructions

**REQUESTED LAYOUT**

DO NOT REMOVE MY CREDIT AT ALL and DO NOT ALTER THE CODING WITHOUT MY PERMISSION!!!!
Comments are nice =)

-Dont forget to put your friend ID in the places of the "XXXXXXXX".
Dont know how to do that? then click here for my div overlay help.
-Also, wanna change the music? simply go to myflashfetish.com and make your own music player, just make sure when you pick the music player its the circle one because no other music player will fit in that spot.

-The live preview may show the div overlapping the main myspace navi and Ad but I assure you when you put the code on your myspace is does not do that! Also, click refresh when you open the live preview just to make sure the div image is centered :)
-All my layouts are made on a widescreen laptop so if the div isnt centered when you use it its prob because of that. Also, On all my other DIV overlays i have a link that shows you how to center it for your profile, problem is because of the rollovers in this layout i cant really show you how to center your profile without you moving all the links around. So if you have html knowledge and know how to move the rollovers and the div image, feel free to do so, but if you don’t I wouldn’t recommend that you did, sorry =/

CREDITS:
-Font from dafont.com
-Brushes from brusheezy

CLICK THE LINKS BELOW TO VIEW,
-Directions and help for this layout.
-MystiicDesigns Myspace
-MystiicDesigns Createblog

Using This Layout

For specific instructions read designer's comments

This is a div overlay layout, html knowledge required!
1. Log into myspace.com
2. Click on Edit Profile (Profile 1.0)
3. Copy (ctrl c) and paste (ctrl v) code to the specified fields

Update Friend ID

Input Friend ID to automagically update code

Layout Code

Copy and paste to About Me

Help

<p><a href="http://www.createblog.com/myspace-layouts/" title="Grab Myspace Layouts and Myspace Codes"><img src="http://www.createblog.com/images/link1.gif" border="0" alt="Myspace Layouts" style="position:absolute;top:0px;left:0px;width:10px;height:27px;" /></a></p><style>body {background-color: 000000;background-image: url("");background-position: center;background-repeat: repeat;background-attachment: fixed;scrollbar-arrow-color:000000;scrollbar-track-color: c6ccda;scrollbar-shadow-color: c6ccda;scrollbar-face-color:c6ccda;scrollbar-highlight-color:c6ccda;scrollbar-darkshadow-color:c6ccda;scrollbar-3dlight-color:c6ccda;}table, tr, td {background-color: transparent; border: 0px; padding:2;}table table {border: 0px;}table table table table{border: 0px;}</style><style>    table, tr, td {background:transparent;}    table table table table, table table table table td.text, table.contactTable {display:none;}    td.text table, .orangetext15 {visibility:hidden;}    td.text table table {display:inline; visibility:visible;}    td.text td.text table {display:none;}    div b font font, div font font u {display:none;}.whitetext12 { display: none; }.nametext { display:none;}</style><style>div table td font {display: none;}</style><style>div table td font {visibility:hidden;}div table table td font a {visibility:visible;}table td div {visibility:hidden;}table table td div {visibility:visible;}</style><style>td td embed {width:0px; height:0px;}td td embed, td td object {width:0px; height:0px;}td.text embed, td.text object {width:320px; height:240px;}td.text embed {width:320px; height:240px;}td.text embed {width:auto; height:auto;}td.text embed, td.text object {width:auto; height:auto;}</style> <style> a:link, a.man:link, a.text:link, a:visited, a.man:visited, a.text:visited, a:active, a.redlink:active, a.redlink:visited, a.redlink:link, a.navbar:link, a.navbar:visited, a.navbar:active {font-family:Arial; font-size: 14px; color: ffffff; font-weight: bold; text-decoration: none; letter-spacing: 0px; padding: 0px; line-height: 9px; background-color: transparent; border: 0px solid ..000000;} a:hover, a.man:hover, a.text:hover, a.redlink:hover, a.navbar:hover {font-family:Arial; font-size: 14px; color: a7c9fb; font-weight: bold; text-decoration: blur; letter-spacing: 0px; padding: 0px; line-height: 9px; background-color: 220592; border: 0px solid ..000000;}</style> <style>.navigationBar {display:none;}</style><style>.extendedNetwork {display:none;}</style>
<style>
.profileInfo, .contactTable, .userProfileURL, .interestsAndDetails, .userProfileDetail, .userProfileNetworking, .userProfileSchool, .userProfileCompany, .extendedNetwork, .latestBlogEntry, .blurbs td.text, .orangetext15, table div { display:none!important; 
}div table div, table table div { 
display:block!important; padding:0; 
}table, tr, td { 
background:none; border:none; 
}.clearfix, .clearfix div { 
background-image:none!important; 
overflow:hidden; 
}.clearfix { 
position:relative; 
top:-30px; 
width:728px; 
}.clearfix .clearfix { 
bottom:-30px; 
margin:-45px 0 0; 
position:relative; 
top:auto; 
width:auto; 
}.clearfix .clearfix div { 
margin:45px 0 0; 
}.clearfix .clearfix div div { 
margin:auto; 
}.profile, .profile div, .profile input, .clearfix select,.clearfix option, .clearfix ul { 
display:none!important; 
filter:alpha(opacity=0); 
-moz-opacity:0; 
opacity:0; 
}.friendSpace {display:none;}.friendsComments {display:none;}.contactTable {display: none;}.extendedNetwork {display:none;}.latestBlogEntry {display:none;}.userProfileURL {display:none;}.userProfileDetail {display:none;}</style>

.name1{height: 34px; width: 111px; overflow: hidden; background: 
url(http://cbimg6.com/layouts/09/08/35493aa.png) top left no-repeat; 
display: block;}
.name1:hover{background-position: bottom left;}
.name2{height: 39px; width: 111px; overflow: hidden; background: 
url(http://cbimg6.com/layouts/09/08/35493ab.png) top left no-repeat; 
display: block;}
.name2:hover{background-position: bottom left;}
.name3{height:36px; width: 111px; overflow: hidden; background: 
url(http://cbimg6.com/layouts/09/08/35493ac.png) top left no-repeat; 
display: block;}
.name3:hover{background-position: bottom left;}
.name4{height: 36px; width: 111px; overflow: hidden; background: 
url(http://cbimg6.com/layouts/09/08/35493ad.png) top left no-repeat; 
display: block;}
.name4:hover{background-position: bottom left;}
.name5{height: 36px; width: 111px; overflow: hidden; background: 
url(http://cbimg6.com/layouts/09/08/35493ae.png) top left no-repeat; 
display: block;}
.name5:hover{background-position: bottom left;}
.name6{height: 36px; width: 111px; overflow: hidden; background: 
url(http://cbimg6.com/layouts/09/08/35493af.png) top left no-repeat; 
display: block;}
.name6:hover{background-position: bottom left;}
.name7{height: 36px; width: 111px; overflow: hidden; background: 
url(http://cbimg6.com/layouts/09/08/35493ag.png) top left no-repeat; 
display: block;}
.name7:hover{background-position: bottom left;}
.name8{height: 37px; width: 111px; overflow: hidden; background: 
url(http://cbimg6.com/layouts/09/08/35493ah.png) top left no-repeat; 
display: block;}
.name8:hover{background-position: bottom left;}
</style>
</div>

Layout Code

Copy and paste to I'd Like to Meet

Help

<div class="ABOUT" style="position: absolute; left:393px;  top:134px; width:381px; height:335px; overflow: auto;">
<center>
You write about yourself here.<br /><br />Dont forget to put your friendID in the places of all the X's before you click "save changes"! You can find the X's in the about me section of the code! <br /><br />Do not remove my credit what so ever. Have any questions feel free to ask<br /><br />You write about yourself here.<br /><br />Dont forget to put your friendID in the places of all the X's before you click "save changes"! You can find the X's in the about me section of the code! <br /><br />Do not remove my credit what so ever. Have any questions feel free to ask!<br /><br />You write about yourself here.<br /><br />Dont forget to put your friendID in the places of all the X's before you click "save changes"! You can find the X's in the about me section of the code! <br /><br />Do not remove my credit what so ever. Have any questions feel free to ask!<br /><br />You write about yourself here.<br /><br />Dont forget to put your friendID in the places of all the X's before you click "save changes"! You can find the X's in the about me section of the code! <br /><br />Do not remove my credit what so ever. Have any questions feel free to ask!
</font> </center></style><br /></div>

Layout Comments

Showing latest 10 of 12 comments

this is an awesome layout, im gonna use it.

By JessicaSevenfold on Aug 19, 2009 9:12 am

its really nice! good job.. im using it right now... =p

By onikristin on Aug 18, 2009 11:38 am

this is great! encore please!

By crimsonsorrow on Aug 18, 2009 3:14 am

dis one is Hot like it keep up the gud work u should do more

By sh4wty on Aug 15, 2009 11:03 am

Hey, I really need some help. You see how no matter what size your Resolution or page is, the scroll box stays where you put it? How do you do that? Like http://www.myspace.com/alt0198 (my myspace) how do i make the scroll box stay where it is (Screen resolution 1280X720) and at 1074x768 the scroll box is way off, Please help?

By ealeya on Aug 13, 2009 10:09 pm