Fashionista Fashionista

Designer's Comments

Look carefully for specific instructions

* enjoy the layout
LAYOUT WAS EDITED
IT HAD SOME PROBLEMS SO I HEARD

1. COPY AND PASTE CODES INTO SECTIONS
2. REPLACE XXXXXX WITH FRIEND ID
3. REPLACE ABOUT ME SECTION WITH WHAT YOU WANT
4. ENJOY THE LAYOUT!

no rollovers.
i haven't quite learned them yet.

sorry =(

this is the "cleaned up" version of the
ORIGINAL layout made for this image.

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

navigation.
<form method="post" target="_blank" action="http://home.myspace.com/index.cfm?fuseaction=user"><input type="submit" value="HOME" style="position: absolute; left: 560;top:87;" />
<form method="post" target="_blank" action="http://comment.myspace.com/index.cfm?fuseaction=user.viewProfile_commentForm&friendID=XXXXXXXX&MyToken=fe0d238a-e038-4112-a764-704d31ea0455"><input type="submit" value="COMMENT ME" style="position: absolute; left: 606;top:87;" />
<form method="post" target="_blank" action="http://friends.myspace.com/index.cfm?fuseaction=invite.addfriend_verify&friendID=XXXXXXXX"><input type="submit" value="ADD ME" style="position: absolute; left: 685;top:87;" />
<form method="post" target="_blank" action="http://messaging.myspace.com/index.cfm?fuseaction=mail.message&friendID=XXXXXXXX&MyToken=fe0d238a-e038-4112-a764-704d31ea0455"><input type="submit" value="MESSAGE ME" style="position: absolute; left: 736;top:87;" />
<form method="post" target="_blank" action="http://friends.myspace.com/index.cfm?fuseaction=block.blockUser&userID=XXXXXXXX"><input type="submit" value="BLOCK" style="position: absolute; left: 814;top:87;" />
<form method="post" target="_blank" action="http://viewmorepics.myspace.com/index.cfm?fuseaction=user.viewAlbums&friendID=XXXXXXXX"><input type="submit" value="PICTURES" style="position: absolute; left: 859;top:87;" />
<form method="post" target="_blank" action="http://emmijane.createblog.com/"><input type="submit" value="LAYOUT CREDIT" style="position: absolute; left: 917;top:87;" />

div div, div td {background-color:transparent; background-image:http://cbimg6.com/layouts/08/08/30344ac.jpg;}
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: 000000; 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: 000000; 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, 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:SMALL FONTS; font-size: 7px; color: ffffff; font-weight: normal; text-decoration: italic; letter-spacing: 0px; text-transform:UPPERCASE; padding: 0px; line-height: 10px; background-color: transparent; border: 0px solid ..FFFFFF;}

a:hover, a.man:hover, a.text:hover, a.redlink:hover, a.navbar:hover {font-family:SMALL FONTS; font-size: 7px; color: ffffff; font-weight: none; text-decoration: none; letter-spacing: 0px; text-transform:UPPERCASE; padding: 0px; line-height: 10px; background-color:000000; transparent; border: 0px solid ..FFFFFF;}

b, stong 
{font-family:arial; font-size: 11px; color: ffffff; 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>
<style> div td{ visibility: hidden; } div table { visibility: visible; } div table td { visibility: hidden; } div table table td { visibility: visible; } div table table { visibility: visible; } div table table div { visibility: visible; } table td div div { visibility: visible; } div table { visibility: visible; } { visibility: hidden; } 
</style>
    <style style="text/css">

.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: cccccc;
    background-image: url('http://img266.imageshack.us/img266/9142/fashionistafashionistaolh1.png');
    background-repeat: repeat;
    background-attachment: scroll;
    background-position: top left;
    }

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

</style>

Layout Code

Copy and paste to I'd Like to Meet

Help

welcome.
not more than 250 in width for images
<div class="content" style="position:absolute; align=justify; left:324px;  top:124px; width:300px; height:215px;background-color:; overflow: auto;"><div align="justify">
<center>
whatever in here.
<br />
pics? text? marquees? whatever.
<br /><br />
<marquee direction="left">whatever you want in here</marquee>
<br />
<marquee direction="right">text, images, whatever!</marquee>
<br /><br />
put your welcome message in here
<br />
put your welcome message in here
<br />
put your welcome message in here
<br />
put your welcome message in here
<br />
put your welcome message in here
<br />
put your welcome message in here
<br />
put your welcome message in here
<br /><br />
text. text. text. text. text. text. text. text. text. text. text. text. text. text. text. text. text. text. text. text. text. text. text. text. text. text. text. text. text. text. text. text. text. text. text. text. text. text. text. text. text. text. text. text. text. text. text. text. text. text. text. text. text. text. text. text. text. text. text. text. text. text. text. text. text. text. text. text. text. text. text. text. text. text. text. text. text. text. text. text. text. text. text. text. text. text. text. text. text. text. text. text. text. text. text. text. text. text. text. text. text. text. text. text. text. text. text. text. text. text. text. text. text. text. text. text. text. text. text. text. text. text. text. text. text. text. text. text. text. text. text. text. text. text. text. text. text. text. text. text. text. text. text. text. text. text. text. text. text. text. text. text. text. text. text. text. text. text. text. text. text. text. text. text. text. text. text. text. text. text.
</div></div>

important dates.
not more than 250 in width for images
<div class="content" style="position:absolute; align=justify; left:318px;  top:362px; width:300px; height:230px;background-color:; overflow: auto;"><div align="justify">
whatever in here.
<br />
pics? text? marquees? whatever.
<br /><br />
<marquee direction="left">whatever you want in here</marquee>
<br />
<marquee direction="right">text, images, whatever!</marquee>
<br /><br />
your important dates here
<br /><br />
examples<br /><br />
<u>january 1 2008</u> new years day!!
<br />it was so fun last night popping fireworks!!
<br /><br />
text. text. text. text. text. text. text. text. text. text. text. text. text. text. text. text. text. text. text. text. text. text. text. text. text. text. text. text. text. text. text. text. text. text. text. text. text. text. text. text. text. text. text. text. text. text. text. text. text. text. text. text. text. text. text. text. text. text. text. text. text. text. text. text. text. text. text. text. text. text. text. text. text. text. text. text. text. text. text. text. text. text. text. text. text. text. text. text. text. text. text. text. text. text. text. text. text. text. text. text. text. text. text. text. text. text. text. text. text. text. text. text. text. text. text. text. text. text. text. text. text. text. text. text. text. text. text. text. text. text. text. text. text. text. text. text. text. text. text. text. text. text. text. text. text. text. text. text. text. text. text. text. text. text. text. text. text. text. text. text. text. text. text. text. text. text. text. text. text. text.
</div></div>

about me.
not more than 650 in width for images.
<div class="content" style="position:absolute; align=justify; left:642px;  top:130px; width:355px; height:462px;background-color:; overflow: auto;"><div align="justify">
<br /><br />
START ABOUT ME HERE
<br />
TEXT IN HERE! TEXT IN HERE! TEXT IN HERE! TEXT IN HERE! TEXT IN HERE! TEXT IN HERE! TEXT IN HERE! TEXT IN HERE! TEXT IN HERE! TEXT IN HERE! TEXT IN HERE! TEXT IN HERE! TEXT IN HERE! TEXT IN HERE! TEXT IN HERE! TEXT IN HERE! TEXT IN HERE! TEXT IN HERE! TEXT IN HERE! TEXT IN HERE! TEXT IN HERE! TEXT IN HERE! TEXT IN HERE! TEXT IN HERE! TEXT IN HERE! TEXT IN HERE! TEXT IN HERE! TEXT IN HERE!
TEXT IN HERE! TEXT IN HERE!
<br /><br />
replace all "xxxxxx"s with friend i.d.
<br />
no images larger than 650 width
<br /><br />
<i>italic</i> <b>bold</b> <u>underline</u> <a href="www.createblog.com">links</a>
<br /><br />
all text will be lowercase. still haven't learned how to do rollovers... sorry =(... enjoy the layout and don't forget to check out more awesome layouts at <a href="www.createblog.com">createblog</a>.
<br /><br />
this box will scroll when more content is put into it. lol. sorry if you don't like scroll boxes? but it's how i do my divs.
<br /><br />
TEXT IN HERE! TEXT IN HERE! TEXT IN HERE! TEXT IN HERE! TEXT IN HERE! TEXT IN HERE! TEXT IN HERE! TEXT IN HERE! TEXT IN HERE! TEXT IN HERE! TEXT IN HERE! TEXT IN HERE! TEXT IN HERE! TEXT IN HERE! TEXT IN HERE! TEXT IN HERE! TEXT IN HERE! TEXT IN HERE! TEXT IN HERE! TEXT IN HERE! TEXT IN HERE! TEXT IN HERE! TEXT IN HERE! TEXT IN HERE! TEXT IN HERE! TEXT IN HERE! TEXT IN HERE! TEXT IN HERE! TEXT IN HERE! TEXT IN HERE! TEXT IN HERE! TEXT IN HERE! TEXT IN HERE! TEXT IN HERE! TEXT IN HERE! TEXT IN HERE!TEXT IN HERE! TEXT IN HERE! TEXT IN HERE! TEXT IN HERE!
<br /><br />
<br /><br />
<br /><br />
<br /><br />
BLAHBLAHBLAH!!! BLAHBLAHBLAH!!! BLAHBLAHBLAH!!! BLAHBLAHBLAH!!! BLAHBLAHBLAH!!! BLAHBLAHBLAH!!! BLAHBLAHBLAH!!! BLAHBLAHBLAH!!!<br /><br />
<br /><br />
BLAHBLAHBLAH!!! BLAHBLAHBLAH!!! BLAHBLAHBLAH!!! BLAHBLAHBLAH!!! BLAHBLAHBLAH!!! BLAHBLAHBLAH!!! BLAHBLAHBLAH!!! BLAHBLAHBLAH!!!<br /><br />
<br /><br />
BLAHBLAHBLAH!!! BLAHBLAHBLAH!!! BLAHBLAHBLAH!!! BLAHBLAHBLAH!!! BLAHBLAHBLAH!!! BLAHBLAHBLAH!!! BLAHBLAHBLAH!!! BLAHBLAHBLAH!!!<br /><br />
<br /><br />
BLAHBLAHBLAH!!! BLAHBLAHBLAH!!! BLAHBLAHBLAH!!! BLAHBLAHBLAH!!! BLAHBLAHBLAH!!! BLAHBLAHBLAH!!! BLAHBLAHBLAH!!! BLAHBLAHBLAH!!!
<br /><br />
<br /><br />BLAHBLAHBLAH!!! BLAHBLAHBLAH!!! BLAHBLAHBLAH!!! BLAHBLAHBLAH!!! BLAHBLAHBLAH!!! BLAHBLAHBLAH!!! BLAHBLAHBLAH!!! BLAHBLAHBLAH!!!<br /><br />
<br /><br />
BLAHBLAHBLAH!!! BLAHBLAHBLAH!!! BLAHBLAHBLAH!!! BLAHBLAHBLAH!!! BLAHBLAHBLAH!!! BLAHBLAHBLAH!!! BLAHBLAHBLAH!!! BLAHBLAHBLAH!!!
<br /><br />
<br /><br />
<br /><br />
</div></div>

Layout Comments

Showing latest 8 of 8 comments

I REALLY LOVE THIS LAYOUT =) ITS SO ARTISTIC AND SIMPLE....BUT IS THERE ANYWAY I/YOU CAN CHANGE THE HEADLINE THAT SAYS IMPORTANT DATES???

By cynthialtorres on Sep 21, 2008 3:57 am

hey this is a really really simple but classy layout! I own an alternative girl modeling site and our myspace is in desperate need of a custom overlay, how would I go about you making one for us? If interested please contact us on myspace! thanks so much

www.metaldollsxo.com
www.myspace.com/metaldolls_

By metaldollsxo on Aug 20, 2008 3:13 pm