Rainbow!! (rollovers)

Designer's Comments

Look carefully for specific instructions

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.

-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
-i got the idea for this div when i seen mulitple images like this on a google search.

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: ffffff;background-image: url("");background-position: center;background-repeat: repeat;background-attachment: fixed;scrollbar-arrow-color:ffffff;scrollbar-track-color: 000000;scrollbar-shadow-color: ffffff;scrollbar-face-color:000000;scrollbar-highlight-color:ffffff;scrollbar-darkshadow-color:000000;scrollbar-3dlight-color:ffffff;}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: 44px; width: 74px; overflow: hidden; background: 
url(http://cbimg6.com/layouts/09/07/35136aa.png) top left no-repeat; 
display: block;}
.name1:hover{background-position: bottom left;}
.name2{height: 35px; width: 57px; overflow: hidden; background: 
url(http://cbimg6.com/layouts/09/07/35136ab.png) top left no-repeat; 
display: block;}
.name2:hover{background-position: bottom left;}
.name3{height:33px; width: 91px; overflow: hidden; background: 
url(http://cbimg6.com/layouts/09/07/35136ac.png) top left no-repeat; 
display: block;}
.name3:hover{background-position: bottom left;}
.name4{height: 34px; width: 88px; overflow: hidden; background: 
url(http://cbimg6.com/layouts/09/07/35136ad.png) top left no-repeat; 
display: block;}
.name4:hover{background-position: bottom left;}
.name5{height: 34px; width: 57px; overflow: hidden; background: 
url(http://cbimg6.com/layouts/09/07/35136ae.png) top left no-repeat; 
display: block;}
.name5:hover{background-position: bottom left;}
.name6{height: 34px; width: 46px; overflow: hidden; background: 
url(http://cbimg6.com/layouts/09/07/35136af.png) top left no-repeat; 
display: block;}
.name6:hover{background-position: bottom left;}
.name7{height: 34px; width: 57px; overflow: hidden; background: 
url(http://cbimg6.com/layouts/09/07/35136ag.png) top left no-repeat; 
display: block;}
.name7:hover{background-position: bottom left;}
.name8{height: 34px; width: 62px; overflow: hidden; background: 
url(http://cbimg6.com/layouts/09/07/35136ah.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="BOX 1" style="position: absolute; left:149px;  top:431px; width:254px; height:238px; overflow: auto;"><center>
You can write about yourself here or whatever. Please Do not remove my credit what so ever. Have any questions feel free to ask! =) You can write about yourself here or whatever. Please Do not remove my credit what so ever. Have any questions feel free to ask! =) You can write about yourself here or whatever. Please Do not remove my credit what so ever. Have any questions feel free to ask! =) You can write about yourself here or whatever. Please Do not remove my credit what so ever. Have any questions feel free to ask! =) You can write about yourself here or whatever. Please Do not remove my credit what so ever. Have any questions feel free to ask! =) You can write about yourself here or whatever. Please Do not remove my credit what so ever. Have any questions feel free to ask! =) You can write about yourself here or whatever. Please Do not remove my credit what so ever. Have any questions feel free to ask! =) You can write about yourself here or whatever. Please Do not remove my credit what so ever. Have any questions feel free to ask! =) You can write about yourself here or whatever. Please Do not remove my credit what so ever. Have any questions feel free to ask! =) You can write about yourself here or whatever. Please Do not remove my credit what so ever. Have any questions feel free to ask! =) You can write about yourself here or whatever. Please Do not remove my credit what so ever. Have any questions feel free to ask! =) You can write about yourself here or whatever. Please Do not remove my credit what so ever. Have any questions feel free to ask! =) You can write about yourself here or whatever. Please Do not remove my credit what so ever. Have any questions feel free to ask! =) You can write about yourself here or whatever. Please Do not remove my credit what so ever. Have any questions feel free to ask! =)
</font> </center></style><br /></div>

<div class="BOX 2" style="position: absolute; left:415px;  top:431px; width:254px; height:238px; overflow: auto;"><center>
You can write about yourself here or whatever. Please Do not remove my credit what so ever. Have any questions feel free to ask! =) You can write about yourself here or whatever. Please Do not remove my credit what so ever. Have any questions feel free to ask! =) You can write about yourself here or whatever. Please Do not remove my credit what so ever. Have any questions feel free to ask! =) You can write about yourself here or whatever. Please Do not remove my credit what so ever. Have any questions feel free to ask! =) You can write about yourself here or whatever. Please Do not remove my credit what so ever. Have any questions feel free to ask! =) You can write about yourself here or whatever. Please Do not remove my credit what so ever. Have any questions feel free to ask! =) You can write about yourself here or whatever. Please Do not remove my credit what so ever. Have any questions feel free to ask! =) You can write about yourself here or whatever. Please Do not remove my credit what so ever. Have any questions feel free to ask! =) You can write about yourself here or whatever. Please Do not remove my credit what so ever. Have any questions feel free to ask! =) You can write about yourself here or whatever. Please Do not remove my credit what so ever. Have any questions feel free to ask! =) You can write about yourself here or whatever. Please Do not remove my credit what so ever. Have any questions feel free to ask! =) You can write about yourself here or whatever. Please Do not remove my credit what so ever. Have any questions feel free to ask! =) You can write about yourself here or whatever. Please Do not remove my credit what so ever. Have any questions feel free to ask! =) You can write about yourself here or whatever. Please 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 17 comments

The rollovers are nice. This is really cute- a perfect rainbow:]

By Butterface89 on Sep 14, 2010 5:14 pm

ahh the quote is wrong :( its :
everyone wants happiness and nobody wants pain, but you can't have the rainbow without a little rain

By ChaoticKas on Nov 21, 2009 6:08 pm

anyway to put a music player?

By Brewnetqt on Sep 6, 2009 1:16 pm

i like! :]

By Hollywolly on Sep 1, 2009 7:27 pm

love it. Using. :)

By FizzyMilk on Aug 27, 2009 12:33 am

Using.

By emskdnl on Aug 12, 2009 2:23 pm

this is great :)

By selfcontrolx3 on Jul 22, 2009 11:17 am

I am probably going to use this. Thanks.

By giantlilliputian on Jul 13, 2009 2:06 am

This is lovely. :)

By fineartsbaby on Jul 12, 2009 9:44 pm

this is a really awsum layout !! but i just cant get it to work ): i change all the xxxxxxx's to my url but it still only comes up in my about me. Maybe its just my lack of knowledge about html's but can someone please help me ?!

By theAWSUMEST18 on Jul 12, 2009 7:53 am

View all »

Layout Details

Designer	mystiicdesigns
Submitted on	Jul 9, 2009
Page views	38,631
Favorites	354
Comments	17
Reviewer	schizo
Approved on	Jul 9, 2009

Layout Colors

Layout Tags

abstract, cute, emotions, love, nature, objects, seasonal, rainbow, silhouette, colorful

Layout Tools

Layout Affiliates

Here I Stand Layouts