Creation of Beauty

Designer's Comments

Look carefully for specific instructions

myspace.com/digitalfragrance | designer's portfolio

Remember! - Replace ***YOUR USER ID HERE*** with your myspace ID number. This includes erasing the asterisks! Those are found throughout the layout code (The links, the comment form, your personal information) - make sure you replace all of them!

To find your Myspace User ID number:
1. Click "View Profile" from your home page.
2. Then copy the numbers on the end of the URL in the address box.
3. TADA! It's your Myspace User ID number.

Once you copy and paste the layout code into you About Me section, click the "Save Changes" option at the bottom of the screen.

To Change Your "No Pic" scrolling Pictures (Friends):
1. Go to a friend's site.
2. Right Click their profile picture. Click "Properties" and Copy the URL (internet address) of the picture.
3. Go to your code. Paste the URL where the current "No Pic" image is in the "marquee" code.
4. Go back to your same friend's site. Copy their site's internet address in the address bar.
5. Go to your code, and paste where this - ***MYSPACE FRIEND URL HERE*** - is dsiplayed.
6. Viola! Now you're done. Just repeat these steps with the rest of the pictures.

To Change your Profile Picture
The same thing applys to this as well. Copy the URL (internet address) of the picture you want to use, and paste that where the current .jpg file is. This is located in after your scrolling marquee code for your friends pictures and is before your "NAME, FACT, ...etc"!

Erase your Details!

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></div> <style type="text/css"> .hidethem {visibility:hidden; display:none;} </style>
<style type="text/css">

body div table td form option{display:none!important;}
body div table td form select{display:none!important;}
body div table td form input{display:none!important;}

</style>

</style>

{display: none !important}
table table td.text table td.text tbody table tbody td table td {display:

none !important;}

.redlink, .orangetext15, .btext {
COLOR: 000000;
FONT-SIZE: 1;
}

table table { 
border:none;
background-color:A5C6F3; 
width:400px;
padding:1;
} 
table table table table td{width:400; background-color: transparent;}

table table table table{ 
border: none;
width:400px;
background-color:transparent; 
align:right;
padding:1;}

div div table td td font {visibility: hidden;}

p, table, tr, td, th, div{
border: 0px;
background:ffffff;
FONT: 12px times new romaN; COLOR: 000000; 
LETTER-SPACING: 0px; TEXT-ALIGN: justify
}

body {
cursor: normal; align: center;
SCROLLBAR-FACE-COLOR:ffffff; 
SCROLLBAR-HIGHLIGHT-COLOR:B6B6B6;
SCROLLBAR-SHADOW-COLOR:B6B6B6; 
SCROLLBAR-3DLIGHT-COLOR:B6B6B6; 
SCROLLBAR-ARROW-COLOR:622014; 
SCROLLBAR-TRACK-COLOR:B6B6B6;
SCROLLBAR-DARKSHADOW-COLOR:B6B6B6;
overflow-x:hidden;
background-color: b6b6b6;
}
font {background-color: transparent}

}
P {FONT: 12px times new romaN; COLOR:000000; LETTER-SPACING: 0px; TEXT-ALIGN: justify
}
.blacktext10 {FONT: 12px times new romaN; COLOR:000000; LETTER-SPACING: 0px; TEXT-ALIGN: justify; display:block;}

a, a:link,a:active {FONT: 11px arial;
COLOR:AC4C34; 
TEXT-DECORATION: none
Letter-spacing: 2.5px;
Text-transform: lowercase;

}

a:visited{FONT: 11PX ARIAL; 
COLOR:b6b6b6; 
TEXT-DECORATION: none
Letter-spacing: 2.5px;
Text-transform: lowercase;
}
A:hover {FONT: 11px arial; 
COLOR:404040; 
TEXT-DECORATION: none
Letter-spacing: 2.5px;
Text-transform: lowercase;
}

li, h1, h2, .redtext, font, .navbar, .lightbluetext8, .blacktext12,  .whitetext12, .orangetext12, .nametext{FONT: 11px/11px arial; COLOR:000000; LETTER-SPACING: 0px; TEXT-ALIGN: justify;}

.blacktext10 {
FONT-WEIGHT: normal; FONT-SIZE: 18; PADDING-BOTTOM: 2pt; PADDING-TOP: 0pt; COLOR:000000; border-bottom:000000 0px solid; FONT-FAMILY: arial; TEXT-DECORATION: none;  text-align: center; letter-spacing: 0.0em;
}

a:hover.pic img {filter:alpha(opacity=80);}
a.pic img {filter:none;}

.header {
FONT-WEIGHT: normal; FONT-SIZE: 18; PADDING-BOTTOM: 2pt; PADDING-TOP: 0pt; COLOR:CAD67A; border-bottom:000000 0px solid; FONT-FAMILY: arial; TEXT-DECORATION: none;  text-align: center; letter-spacing: 0.0em;
z-index: 3;
}

.content{
background-color: transparent;}

b, strong, .btext {
  font: 12px times new romaN; 
  font-weight: heavy; 
  color: BF2D37; 
  text-align: justify;
  }

i, em, .itext  {
  font-family: times new romaN; 
  font-size: 12px;
  color: 4F7B37;
  text-align: justify;
  }

u, s, .stext, .sbtext, .swtext {
  font-family: times new romaN; 
  font-size: 12px;
  color: 1FCD27;
  text-align: justify;
  }

</style>

</div>

</div>

<div class="content" style="pOsItIoN: aBsOlUtE;
left: 272px;  top:615px; width:400px; background-color: transparent; overflow: auto; ">
<table class="about"><tr><td class="title">Friends.</td></tr></table>
<marquee>
<table class="about">
<tr>
<td>
<a href="***MYSPACE FRIEND URL HERE***"><img src="http://layouts.cbimg8.com/34/17254d.gif" align=left border=0></a> 
</td>

</tr>
</table>

</marquee>

<table class="about"><tr><td class="title">About me.</td></tr><tr><td>

<b>Name:</b> Your name
<br>
<b>Facts:</b> some facts
<br>
<b>Likes:</b> I like.... a lot of things
<br>
<b>Dislikes:</b> I dislike something s

<br><br>
You can put <i>anything</i> here as well - and as much stuff as you want because this part can scroll and therefore not move <u>anything</u> on your page or offest anything!  See, digital.fragrance thinks of everything!<br><br>

<i>Layout Designer:</i> <a href="http://www.createblog.com/layouts/index.php?author_id=113043">[digital.fragrance]</a><br><br>Music is <b>optional.</b>
<br><br>

</td></tr></table>
<br><br>

<table class="about">
<tr><td class="title">Miscellaneous.</td></tr><tr><td>

You can put music here, or pictures!  Pretty much anything goes.
<br><br>
Layout designer: <a href="http://www.createblog.com/layouts/index.php?author_id=113043">digital.fragrance</a>

</td></tr></table>
<br><br>

</div>

Layout Code

Copy and paste to Heroes

Help

Layout Comments

Showing latest 10 of 39 comments

BEAUTIFUL.
i love the image. its amazing!
one of a kind.
added to favorites

By akforever on Jul 19, 2007 12:29 pm

love love love it...

By tumblingstardust on Jun 23, 2007 10:07 pm

Oh! Drew!! Awesome layout

By Luni on Jun 4, 2007 4:15 am

Edit the height atrribute to a larger pixel value in the first div layer. That should do it.

By digitalfragrance on May 31, 2007 1:37 pm

I have everything working except this:

When I put things in the "About Me" section, it was too long to fit in that section and make it longer so that it went from the grey design to a plain grey backround. I though that I'd fix that by creating a scroll box for that section but it interfered with something else in the script and wouldn't work.

What do I do to fix this?

By Hollis on May 30, 2007 9:49 pm

I've done it naw
looks awsome naw im uding it =]
great x x x
keep up the good work
xxxx

By shabeka on May 28, 2007 9:03 am

Sorry tha was meant to be FAQ nor fag
sorry
xxx

By shabeka on May 28, 2007 8:56 am

the bar with all the things lk FAG and privacy and all those is running through the middle of my profile how do i change tha?
xxx

By shabeka on May 28, 2007 8:55 am

Step 3 is located where the coding near the end says MYSPACE FRIEND URL HERE... except, look at the img src= instead. Replace the current .gif file with the profile picture URL of your friend.

By digitalfragrance on May 26, 2007 8:40 pm

i really want to use this layout but i cant seem to do this bit
3. Go to your code. Paste the URL where the current "No Pic" image is in the "marquee" code.
could someone help me plaese???
because it is a really kool layout.
xxxxx

By shabeka on May 26, 2007 6:17 pm

View all »

Layout Details

Designer	digital.fragrance
Submitted on	Mar 29, 2007
Page views	71,330
Favorites	253
Comments	39

Creation of Beauty

Designer's Comments

Using This Layout

Update Friend ID

Layout Code

Layout Code

Layout Comments

Layout Details

Layout Tags

Layout Tools

Layout Affiliates