Express yourself! (DIV)

Designer's Comments

Look carefully for specific instructions

myspace.com/digitalfragrance | designer's portfolio

This is a div overlay layout, meaning that none of your default myspace tables are going to show up. So, you can edit your personal information. Also I have added an extra area where you can put anything that you want.

Remember! - Replace ***YOUR USER ID HERE*** with your myspace ID number. Those are found throughout the layout code (The links, the comment form, your personal information) - make sure you replace them all! Also for your friends table, replace the "***FRIEND URL HERE***" with the internet address of a myspace friend. Also you can put their picture in their too instead of the 'no pic' myspace default one with the URL of your friend's picture.

Once you copy and paste the layout code into you About Me and I'd Like To Meet sections, click the "Save Changes Option at the bottom of the screen. Thanks to the newer myspace update, a manual submit isn't needed anymore :)

The ad DOES display in your layout (not in the cB preview though).

To edit or remove the layout, use your safe mode option on your home page.

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>
.comments{
display: visible;
background: transparent;
}
table table td.text table td.text tbody table tbody td table td {display: none !important;}
td.text td.text table table table, td.text td.text table br, td.text td.text table .orangetext15, td.text td.text .redlink, td.text td.text span.btext {display:none !important;}

</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:transparent !important; 
width:300px;
padding:1;
} 
table table table table td{
background: transparent !important;
width:100px;}

table table table table{ 
border: none;
width:200px;
background-color:transparent !important; 
align:right;
padding:1;
align:center;}

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

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

body {
cursor: normal; align: center;
SCROLLBAR-FACE-COLOR:FCBDC8; 
SCROLLBAR-HIGHLIGHT-COLOR:000000;
SCROLLBAR-SHADOW-COLOR:000000; 
SCROLLBAR-3DLIGHT-COLOR:E3DCE3; 
SCROLLBAR-ARROW-COLOR:000000; 
SCROLLBAR-TRACK-COLOR:E3DCE3;
SCROLLBAR-DARKSHADOW-COLOR:E3DCE3;
background:E3DCE3;
overflow-x:hidden;
}
font {background-color: transparent}

}
P {FONT: 10px arial; COLOR: 000000; LETTER-SPACING: 0px; TEXT-ALIGN: justify
}
.blacktext10 {FONT: 10px arial; COLOR:47B7F1; LETTER-SPACING: 0px; TEXT-ALIGN: justify; display:block;}

a:hover img{filter:none}

a, a:link,a:active,  {FONT: 10px arial;
COLOR: E7043C; 
TEXT-DECORATION: none
Letter-spacing: 2px;
Text-transform: uppercase;

}

a:link img {filter:gray}

table div font a, table div div, table table div font a, table table div div 
{
background: transparent !important;
width: 200px;
}

a:visited{FONT: 10px arial; 
COLOR:000000; 
TEXT-DECORATION: none
Letter-spacing: 2px;
Text-transform: uppercase;
}
A:hover {FONT: 10px arial; 
COLOR:cccccc; 
TEXT-DECORATION: none
Letter-spacing: 2px;
Text-transform: uppercase;
}

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: 11px arial; 
  font-weight: heavy; 
  color: 781420; 
  text-align: justify;
  }

i, em, .itext  {
  font-family: arial; 
  font-size: 10px;
  color: c0c0c0;
  text-align: justify;
  }

u, s, .stext, .sbtext, .swtext {
  font-family: arial; 
  font-size: 10px;
  color: 000000;
  text-align: justify;
  }

</style>

Layout Code

Copy and paste to I'd Like to Meet

Help

</td>
<td>

</td>
<td>

</td>
</tr>
<tr>
<td>

</td>
<td>

</td><td>

</td>
</tr>
<tr>
<td>

</td><td>

</td>
<td>

</td>
</tr></tr>
</table>
</div>

<b>Facts:</b> There are soem facts about me.<br>

<b>Likes:</b> I <u>like</u> a lot of <i>things</i>.<br>

<b>Dislikes:</b> I'll let you figure them out.<br>

<b>Music:</b> I like lots of bands and singers!</i>

</div>

You can put ANYTHING IN HERE... a music playlist - not the myspace one.. but something like webjay.org -you should check out those.  They rock!<br><br>

Have fun!

</div>

<form method="post" action="http://collect.myspace.com/index.cfm?fuseaction=user.confirmComment"><input name="friendID" value="XXXXXXXX" type="hidden"><textarea name="f_comments" cols="40" rows="4" style="border-width: 1px; border-style: solid; border-color: ffffff; font-family: arial; font-size: 10px; color: 000000; background-color: ffffff;" style="overflow:auto;">Dear Friend, Express yourself!</textarea><BR>

</div>

<div class="content" style="position: absolute; background-color:transparent; left: 270px;  top:686px; width:330px; height:390px; overflow: auto;">
<img src="http://layouts.cbimg6.com/25/12671f.jpg" align=left>
(You can erase all of this) You can put ANYTHING here - that's the beauty of this section. You can put more info about the beautiful person you are, your favortie video games or sports... hey, you can put pictures or videos or music here too!
<BR><BR>
All codes (besides java based codes) should work in this layer - i.e. marquees, tables, textareas, css... etc! 
<br><br>
Layout Information:<br>
Features Utada Hikaru<br>
Designer: <a href="http://myspace.com/digitalfragrance">digital.fragrance</a>

</div>

<a href="http://home.myspace.com/index.cfm?fuseaction=user">{Home} </a>|

<a href="http://www.myspace.com/index.cfm?fuseaction=user.homeComments&friendID=XXXXXXXX">{Comments} </a> |

<a href="http://mail5.myspace.com/index.cfm?fuseaction=mail.message&friendID=XXXXXXXX">{Message Me} </a>  |

<a href="http://collect.myspace.com/index.cfm?fuseaction=invite.addfriend_verify&friendID=XXXXXXXX">{Be a Friend?} </a> |

<a href="http://viewmorepics.myspace.com/index.cfm?fuseaction=user.viewPicture&friendID=XXXXXXXX">{See my Pictures} </a> |

<a href="http://home.myspace.com/index.cfm?fuseaction=user.viewfriends&friendID=XXXXXXXX&MyToken=0688b345-500b-4cb9-a51d-9bbb563406f1">{See all of my friends!} </a> |

<a href="http://www.createblog.com/layouts/index.php?author_id=113043">{digital.fragrance Layouts}</a> |

<a href="http://myspace.com/digitalfragrance">{digital.fragrance} </a>

</center>
</div>

Layout Comments

Showing latest 10 of 11 comments

LOVE IT!

By Satsako on Feb 16, 2009 9:06 pm

lol that face is price-less. xD

By NoWorriesDesigns on Aug 5, 2008 8:52 pm

i love the way this layout was made. may i use it...it's so cool

By mjquinata on Apr 3, 2008 8:27 am

i love it.

By PiNK-RAGe on Jul 16, 2007 11:50 am

yay! i love this layout and all the colours!!

By stormbringer on Jun 19, 2007 11:39 pm

very good i love the colors

By IVIike on May 10, 2007 9:31 am

If you really want that scrollbar - get rid of the "overflow-x: hiddens;"s in the code.You really should adjust your computer's resoluation.

By digital.fragrance on Jul 15, 2006 9:34 am

im inlove with this layout. And I put exactly the code that was posted. But it cuts on my screen I mean I have 800-600 reso (poor me) but I guess even if its out of resolution there should be like a scrollbar or somethin at the bottom..?

By xpanda on Jul 15, 2006 8:47 am

amazing layout! Nice job on it!

By Ashleyrocheller on Jul 15, 2006 1:31 am

^ thanks - it's my old site layout

By digital.fragrance on Jul 14, 2006 8:36 pm

View all »

Layout Details

Designer	digital.fragrance
Submitted on	Jul 13, 2006
Page views	76,664
Favorites	125
Comments	11

Express yourself! (DIV)

Designer's Comments

Using This Layout

Update Friend ID

Layout Code

Layout Code

Layout Comments

Layout Details

Layout Tags

Layout Tools

Layout Affiliates