Fractured Fairytale

Designer's Comments

Look carefully for specific instructions

im a top layout contributor
click here to see what that means :)

DETAILS

name; "Fractured Fairytale"
made in; PAINT SHOP PRO 9
by; EMMIJANE
rollovers; no
reason; i just got a sudden urge to do a dark like but also glamorous modern cinderella fairytale type of design and im pretty fond of how it came out.

RESOURCES
pictures; 001
brushes/textures; 002
music url from; 003

any other textures, or other brushes most likely made by me.

instructions.
1. PASTE CODES INTO SELECTED AREAS WHEN YOU GO TO 'EDIT PROFILE' FOR MYSPACE AFTER YOU DELETE EVERYTHING OUT.
2. DO NOT SAVE YET. REPLACE ALL XXXXXXX's WITH FRIEND ID. YOU WILL FIND THESE IN THE 'navigation.' SCROLL BOX AT THE BOTTOM OF THE CODE THAT GOES IN 'WHO I'D LIKE TO MEET'. IF THERE IS A FRIEND BOX, EDIT THOSE LINKS BEFORE YOU SAVE ALSO.
3. SAVE, OR DO NOT. YOUR CHOICE. I RECOMMEND NOT.. BECAUSE YOU STILL HAVE TO REPLACE ALL THE SAMPLE CONTENT WITH YOUR OWN.
4. REPLACE ALL CONTENT I WROTE IN WITH YOUR OWN STUFF.
5. LEAVE THE CREDIT ON THERE. SAVE.
6. ENJOY THE LAYOUT!

AS ALWAYS;
no redistributing! DO NOT TAKE ANY OF MY DESIGNS AND CLAIM THEM AS YOUR OWN, DO NOT TAKE ANY OF MY CODES TO USE WITH YOUR, OR ANYONE ELSES DESIGN.

if the music URL quits working again let me know and i will renew it.

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

div div, div td {background-color:transparent; background-image:;}
div.profileWidth {margin-top: -XXpx !important;}
div.profileWidth div.clearfix {position:relative; top:YYpx}
.mslogo{display:none!important;}
div div select, div div form {display:none !important;}
div div div select {position:absolute !important;  margin-left:-1000px !important; left:0px !important; display:none !important;}

</style>

table table table {border: 0px solid; border-color: d6c8bd;  padding:0; background-color:; background-image: url("")}
table tbody td table tbody tr td.text table{background-color:; background-image: url("")}
table table{border:0px;}
table table table table{border:0px;}
font, td, a, body, table, body, td, li, p, div, textarea, li, h1, h2, p, br {font-family:arial; font-size: 11px; color: ccaa88; font-weight: normal; text-decoration: none; letter-spacing: 0px; text-transform: ; padding: 0px; line-height: 10px;}
textarea, input {font-family:arial; font-size: 10px; color: 000000; font-weight: normal; text-decoration: none; letter-spacing: -1px; text-transform: ; padding: 0px; line-height: 10px;}
.btext {font-family:arial; font-size: 11px; color: 000000; font-weight: normal; text-decoration: none; letter-spacing: 0px; text-transform: uppercase; padding: 0px; line-height: 10px;} 
.blacktext10 {font-family:small fonts; font-size: 7px; color: 000000; font-weight: normal; text-decoration: none; letter-spacing: 0px; text-transform: uppercase; padding: 0px; line-height: 10px;} 
.blacktext12 {font-family:small fonts; font-size: 7px; color: 000000; font-weight: normal; text-decoration: none; letter-spacing: 0px; text-transform: uppercase; padding: 0px; line-height: 10px;}

.lightbluetext8 {font-family:arial; font-size: 11px; color: 000000; font-weight: bold; text-decoration: bold; letter-spacing: 0px; text-transform: lowercase; padding: 0px; line-height: 10px;}

.nametext {font-family:arial; font-size: 2px; color: 000000; font-weight: bold; text-decoration: none; letter-spacing: -1px; text-transform: ; padding: 0px; line-height: 10px;}

.orangetext15 {font-family:arial; font-size: 11px; color: 000000; font-weight: normal; text-decoration: none; letter-spacing: 0px; text-transform: ; padding: 0px; line-height: 10px;}

.redbtext, .redtext {font-family:arial; font-size: 11px; color: 000000; font-weight: normal; text-decoration: none; letter-spacing: 0px; text-transform: ; padding: 0px; line-height: 10px;}

.text {font-family:arial; font-size: 11px; color: ccaa88; font-weight: normal; text-decoration: none; letter-spacing: 0px; text-transform:; padding: 0px; line-height: 10px;}

.whitetext12 {font-family:arial; font-size: 11px; color: 000000; font-weight: normal; text-decoration: none; letter-spacing: 0px; text-transform: ; padding: 0px; line-height: 10px;}

A:link    { color: 000000; font-family:georgia; font-size: 11px; font-weight: normal; text-decoration: none; letter-spacing: 1px; text-transform: uppercase; line-height: 10px;}
A:visited { color: 000000; font-family:georgia; font-size: 11px; font-weight: normal; text-decoration: none; letter-spacing: 1px; text-transform: uppercase; line-height: 10px;}
A:hover   { color: bb2255; font-family:georgia; font-size: 11px; font-weight: normal; text-decoration: none; letter-spacing: 0px; text-transform: uppercase; line-height: 15px;}

{NAVIGATIONAL LINKS}
.nav:link, a.nav:visited, a.nav:active {
	text-decoration: none;
	text-transform: uppercase;
	font-family:georgia;
	font-style: normal;
	font-variant: georgia;
	font-size: 22px;
	line-height: 14px;
	text-align: left;
	color:black!important;
	background-color:884433;
	cursor: hand;
	display: block;
	margin: 1;
	margin-bottom: 1;}

.nav:hover {
	text-decoration: none;
	text-transform: uppercase;	
	font-family:georgia;
	font-style: normal;
	font-variant: georgia;
	font-size: 22px;
	line-height: 14px;
	text-align: left;
	color:black!important;
	background-color:eeee33;
	background-image: url(http://cbimg9.com/layouts/08/10/32180ab.jpg);
	border-right: 0px solid;
	border-color: ff55aa !important;
	cursor: hand;
	display: block;
	margin: 1;
	margin-bottom: 1;
	padding-left: 1px;
	padding-right: 1px;
	}

.navhead{
font:22px impact;
color:eeee33;
text-align:right;
text-transform:lowercase;
line-height:22px;
letter-spacing:-1;
border-bottom:;
}

.navbox{
background-color: ;
background-image: url();
border: 0px solid black;
font-family: arial;
font-size: 11px;
color: 91c1b0;
text-align: justify;
cursor: hand;
line-height: 10px;
font-weight: normal;
padding: 2px;
text-transform: none;
}

b, stong 
{font-family:arial; font-size: 11px; color: ffff66; font-weight: bold; text-decoration: none; letter-spacing: 0px; text-transform:; padding: 0px; line-height: 10px;}
img { filter:none; border:0px;}
a:link img { filter: none; border:0px solid black;}
a:hover img { filter:none; border:0px solid black;}
body {cursor: hand;}
a:hover {cursor: hand;}
TD TD {text-align: justify;}
TD TD TD {text-align: justify;}
TD TD TD TD {border-top: 0px solid; width: 1%; text-align:center;}
TD TD TD TD TD {border-top: 0px solid black; text-align:center;}
TD TD TD TD TD TD {border: 0px solid;}
TABLE, TD {padding: 0px; text-transform: ; width:350px;}
TABLE TABLE {padding: 0px; text-transform: ;}
TABLE TABLE TABLE {padding: 0px; text-transform: lowercase;height: .01%; width: 100%;}
TABLE TABLE TABLE TABLE {padding: 0px; text-transform: ;}
TABLE TABLE TABLE TABLE TABLE {padding: 0px; text-transform: ;}
TABLE TABLE TABLE TABLE TABLE TABLE {padding: 0px; text-transform: lowercase;}
table table table table {border: 0px; text-align: justify; padding: 0px;} 
table table table table table {border: 0px; text-align: justify; padding: 0px;} 
table table table table table table {border: 0px; text-align: justify; padding: 0px;}
</style>

.createblogcode{hide all the tables}
    .profileInfo, .extendedNetwork,
    .latestBlogEntry, .interestsAndDetails,
    .userProfileURL, .friendsComments,
    .userProfileNetworking, .userProfileSchool,
    .userProfileDetail, .friendSpace,
    .contactTable, .userProfileCompany, .orangetext15{display: none;}

.createblogcode{make the tables transparent so you can see good}
    table, tr, td{background-color: transparent}

.createblogcode{put the music player in the top-left corner}
    embed{position: absolute; top: 640px; left: 50%; margin-left: -150px;
    width: 300px;}

.createblogcode{make any other embeds stay where you put them}
    td td td td embed,
    td td td td object{position: static}

.createblogcode{background settings}
    body{

background-color: ;
    background-image: url('http://cbimg9.com/layouts/08/10/32180ac.png');
    background-repeat: repeat;
    background-attachment: scroll;
    background-position: center top;
    }

.createblogcode{bring back the bottom links}
    .moveLinks{height:400px;}

</style>

Layout Code

Copy and paste to I'd Like to Meet

Help

about me.
<div class="content" style="position:absolute; align=justify; left:179px;top:928px;width:533px; height:470;background-color:;overflow-x:hidden; overflow: auto;"><div align=justify>

<h1><b><big><big><big><big>about this layout</big></big></big></big></b></h1>
this layout was made in <b>paint shop pro 9</b> don't remove the credit.
<br>
keep my credit last in the links!
<br></br>
don't forget to change the headers!
<br>
maximum width is 525!

<h1><b><big><big><big><big>whatever here</big></big></big></big></b></h1>
<b>bold</b> <u>underline</u> <i>italic</i> <a href=www.createblog.com>links</a>.
<br></br>
Words words words words words. Words words words words words. Words words words words words. Words words words words words. Words words words words words. Words words words words words. Words words words words words. Words words words words words. Words words words words words. Words words words words words. Words words words words words. Words words words words words. Words words words words words. Words words words words words. Words words words words words. Words words words words words. Words words words words words. Words words words words words. Words words words words words. Words words words words words. Words words words words words. Words words words words words. Words words words words words. Words words words words words. Words words words words words. Words words words words words. Words words words words words. Words words words words words. Words words words words words. Words words words words words. Words words words words words. Words words words words words. Words words words words words. Words words words words words. Words words words words words. Words words words words words. Words words words words words. Words words words words words. Words words words words words. Words words words words words. Words words words words words. Words words words words words. fairytale. fairytale. fairytale. fairytale. fairytale. fairytale. fairytale. fairytale. fairytale. fairytale. fairytale. fairytale. fairytale. fairytale. fairytale. fairytale. fairytale. fairytale. fairytale. fairytale. fairytale. fairytale. fairytale. fairytale. fairytale. fairytale. fairytale. fairytale. fairytale. fairytale. fairytale. fairytale. fairytale. fairytale. fairytale. fairytale. fairytale. fairytale. fairytale. fairytale. fairytale. fairytale. fairytale. fairytale. fairytale. fairytale. fairytale. fairytale. fairytale. fairytale. fairytale. fairytale. fairytale. fairytale. fairytale. fairytale. fairytale. fairytale. fairytale. fairytale. fairytale. fairytale. fairytale. fairytale. fairytale. fairytale. fairytale. fairytale. fairytale. fairytale. fairytale. fairytale. fairytale. fairytale. fairytale. fairytale. fairytale. fairytale. fairytale. fairytale. fairytale. fairytale. fairytale. fairytale. fairytale. fairytale. fairytale. fairytale. fairytale. fairytale. fairytale. fairytale. fairytale. fairytale. fairytale. fairytale. fairytale. fairytale. fairytale. fairytale. fairytale. fairytale. fairytale. fairytale. fairytale. fairytale. fairytale. fairytale. fairytale. fairytale. fairytale. fairytale. fairytale. fairytale. fairytale. fairytale. fairytale. fairytale. fairytale. fairytale. fairytale. fairytale. fairytale. fairytale. fairytale. fairytale. fairytale. fairytale. fairytale. fairytale. fairytale. fairytale. fairytale. fairytale. fairytale. fairytale. fairytale. fairytale. fairytale. fairytale. fairytale. fairytale. fairytale. fairytale. fairytale. fairytale. fairytale. fairytale. fairytale. fairytale. fairytale. fairytale. fairytale. fairytale. fairytale. fairytale. fairytale. fairytale. fairytale. fairytale. fairytale. fairytale. fairytale. fairytale. fairytale. fairytale. fairytale. fairytale. fairytale. fairytale. fairytale. fairytale. fairytale.

</div></div></div></div>

navigation. 
<div class="content" style="position:absolute;overflow-x:hidden; align=justify; left:179px;top:783px;width:210px; height:178;background-color:; overflow: auto;"><div class="navbox">
<a href="http://home.myspace.com/index.cfm?fuseaction=user" class="nav"> home</a><a href="http://comment.myspace.com/index.cfm?fuseaction=user.viewProfile_commentForm&friendID=XXXXXXXX&MyToken=fe0d238a-e038-4112-a764-704d31ea0455" class="nav"> comment</a><a href="http://friends.myspace.com/index.cfm?fuseaction=invite.addfriend_verify&friendID=XXXXXXXX" class="nav"> add me</a><a href="http://messaging.myspace.com/index.cfm?fuseaction=mail.message&friendID=XXXXXXXX&MyToken=fe0d238a-e038-4112-a764-704d31ea0455" class="nav">message me</a><a href="http://friends.myspace.com/index.cfm?fuseaction=block.blockUser&userID=XXXXXXXX" class="nav"> block me</a><a href="http://viewmorepics.myspace.com/index.cfm?fuseaction=user.viewAlbums&friendID=XXXXXXXX" class="nav"> my pictures</a><a href="http://emmijane.createblog.com/" class="nav"> CREDIT</a>
</div></div></div></div>

music.
<div class="content" style="position:absolute; align=justify; left:388px;top:795px;width:324px; height:133;overflow-x:hidden;background-color:; overflow: auto;"><center>
<img src="http://img412.imageshack.us/img412/1088/thredfairyblinkylz0.gif" align=left>
<br></br>

<marquee>you are listening to</b></marquee>
<br>
<marquee direction=right><i>survivor</i> by <b>nina dobrev</b></marquee>

</div></div></div></div>

Layout Code

Copy and paste to Heroes

Help

Layout Comments

Showing latest 6 of 6 comments

if the music URL quits working again let me know and i will renew it.

By emmijane on Oct 24, 2008 11:19 pm

thank blaqhearted star =) ill keep that in mind =)

By emmijane on Oct 24, 2008 9:41 pm

Pretty neat, the blending is a little off, but i like the idea. Also if your gonna do the opacity trick, try with the first one being the brightest to the last one being the most transparent.
also i get a scrollbar on the music section. Not sure if its intentional if not then add overflow-x:hidden; in the style section of that div layer.

By Blaqheartedstar on Oct 24, 2008 6:58 pm

Wow, cool colors and brush usage.

By tokyo-rose on Oct 24, 2008 6:31 pm

That's cool that Lara let you use photography from her personal account in your layout. When I asked her in the past she said we could only use things from her stock account.

Anywho this isn't a bad layout. The border's pretty interesting.

By sweetalacrity on Oct 24, 2008 5:04 pm

Good use of the brushes. :)

By dreamgurl36 on Oct 24, 2008 4:54 pm

Layout Details

Designer	emmijane
Submitted on	Oct 24, 2008
Page views	11,990
Favorites	80
Comments	6
Reviewer	schizo
Approved on	Oct 24, 2008

Layout Colors

Layout Tags

cute, emotions, fantasy, fashion, girls, fairytale, fractured fairytale, cinderella, emmijane

Layout Tools

Layout Affiliates

Here I Stand Layouts