Kerli (updated)

Designer's Comments

Look carefully for specific instructions

The layout was designed and coded by DH Dezigns.
It was inspired by an amazing musical artist by the name of Kerli.

Comments are always appreciated if you use.

Enjoy ^-^

UPDATE: The layout now shows the add, but not the top navigation and it is also resolution friendly =) let me know if you are having problems with anything else.

The CB previewer is messed up. For an actual preview click here

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>table div td form {display:inline;}
div td form, div div select, .mslogo, div ul {display:none!important;}
div div, div td, table div div, tr, tr td div, div td, div tr, div table, table,td,tr {background-color:transparent; background-image:none!important;}
div.profileWidth {margin-top: -30px!important;}div.profileWidth div {filter:alpha(opacity=0); opacity:0.0001}div.profileWidth div.clearfix, i i i, 
div.profileWidth div div {filter:none; opacity:0.9999}div.profileWidth div.clearfix {position:relative; top:30px}
.clearfix table div div{display:block;}
div table tr td div {position:relative; z-index:3;}
.blurbs td.text, td div a.text, .contactTable, .userProfileURL, .extendedNetwork, .latestBlogEntry,
.orangetext15, .interestsAndDetails, .lightbluetext8, .userProfileDetail, .btext, .redbtext, .contactTable table td.text, .userProfileDetail td, .friendsComments, .friendSpace, .contactTable a, .profileInfo, .userprofilenetworking, .userprofileschool, .userprofilecompany {display:none!important; visibility:hidden; border:0px;}
{music}td td object {visibility:hidden;}
body{background:url(http://i352.photobucket.com/albums/r346/dhdezigns/kerli/background.gif); scrollbar-face-color:87a55f; scrollbar-arrow-color:000000; scrollbar-track-color:transparent;}
b {color:87a55f; font-size:11px; font-family:arial; letter-spacing:1px; font-weight:bold;}
i {color:87a55f; font-size:13px; font-family:arial narrow; letter-spacing:1px; font-weight:normal;} 
u {color:87a55f; font-size:11px; font-family:arial; letter-spacing:1px; font-weight:underlined; border-bottom:2px solid; border-color:f0f0f0;} 
.bg{position:absolute; left:50%; margin-left:-279px; top:80px;}
.content{position:absolute; left:50%; margin-left:-225px; top:600px; width:454px; text-align:justify; color:e0e0e0; font-family:arial; font-size:11px; z-index:2;}
.xdh{position:absolute; left:50%; margin-left:-225px; top:580px; width:454px; text-align:center; color:e0e0e0; font-family:arial; font-size:11px; z-index:2;}
.cmntbox{position:absolute; left:50%; margin-left:-225px; top:900px; width:454px; text-align:center; color:e0e0e0; font-family:arial; font-size:11px; z-index:2;}
.h1{background-color:87a55f; text-transform:lowercase; font-family:century gothic; font-size:15pt; color:000000; border-bottom:1px dashed; border-color:ffffff; width:454px; text-align:center; margin-bottom:10px; line-height:13pt;}

a:link, a:visited {color: 505050; text-decoration: none; font-weight: heavy; cursor: none;font-size: 10px; }

a:hover, a:active {color:87a55f; text-decoration: none; border-bottom: none; cursor: none;font-size: 10px;}

a.h:link, a.dh:visited, a.dh:active {text-transform:lowercase; font-family:century gothic; font-weight:normal; text-align: left; line-height: 22px!important; border: 0px; cursor: default; display: block; margin: 0px; padding-left:0px;}

a.h:hover {text-transform:lowercase; font-weight:normal; text-align: left; line-height: 22px!important; font-family:century gothic; font-size:20px; color: 000000!important; border: 0px; cursor: default; display: block; margin: 0px; background-image:none; background-repeat:no-repeat; background-position:left; padding-left:0px; cursor:sw-reset;}
a img {border:0px;}

.home{position:absolute;width:85px;height:35px;left:50%; margin-left:-220; top:135;}
.add{position:absolute;width:85px;height:35px;left:50%;margin-left:-150;top:137;}
.block{position:absolute;width:85px;height:35px;left:50%;margin-left:-82;top:137;}
.message{position:absolute;width:85px;height:35px;left:50%;margin-left:-15;top:137;}
.friends{position:absolute;width:85px;height:25px;left:50%;margin-left:65;top:137;}
.blog{position:absolute;width:85px;height:35px;left:50%;margin-left:145;top:137;}
.link_h{width:85px; height: 35px; overflow: hidden; background: 
url(http://i352.photobucket.com/albums/r346/dhdezigns/kerli/home.png) top left no-repeat; display: block;}
.link_h:hover{background-position: bottom;}
.link_a{width: 85px; height: 35px; overflow: hidden; background: 
url(http://i352.photobucket.com/albums/r346/dhdezigns/kerli/add.png) top left no-repeat; display: block;}
.link_a:hover{background-position: bottom left;}
.link_b{width:85px; height: 35px; overflow: hidden; background: 
url(http://i352.photobucket.com/albums/r346/dhdezigns/kerli/block.png) top left no-repeat; 
display: block;}
.link_b:hover{background-position: bottom left;}
.link_m{width: 85px; height: 35px; overflow: hidden; background: 
url(http://i352.photobucket.com/albums/r346/dhdezigns/kerli/msg.png) top left no-repeat; 
display: block;}
.link_m:hover{background-position: bottom left;}
.link_f{width: 85px; height: 35px; overflow: hidden; background: 
url(http://i352.photobucket.com/albums/r346/dhdezigns/kerli/friends.png) top left no-repeat; 
display: block;}
.link_f:hover{background-position: bottom left;}
.link_bl{width: 85px; height: 35px; overflow: hidden; background: 
url(http://i352.photobucket.com/albums/r346/dhdezigns/kerli/blog.png) top left no-repeat; 
display: block;}
.link_bl:hover{background-position: bottom left;}
</style>

Layout Code

Copy and paste to I'd Like to Meet

Help

<div class="bg"><img src="http://i352.photobucket.com/albums/r346/dhdezigns/kerli/main.png" width="565" height="920" /></div>
<div class="content"><span class="h1">you wont hear me lie</span><br /><a href="http://viewmorepics.myspace.com/index.cfm?fuseaction=user.viewPicture&friendID=XXXXXXXX&albumId=0"><img src="http://i352.photobucket.com/albums/r346/dhdezigns/icon2.gif" width="100" height="75" align="left" alt="photography" /></a>Tell a bit about yourself. What you like, don't like. Hobbies. Dreams. Goals. Or whatever else you can think of. Tell a bit about yourself. What you like, don't like. Hobbies. Dreams. Goals. Or whatever else you can think of. Tell a bit about yourself. What you like, don't like. Hobbies. Dreams. Goals. Or whatever else you can think of. Tell a bit about yourself. What you like, don't like. Hobbies. Dreams. Goals. Or whatever else you can think of. Tell a bit about yourself. What you like, don't like. Hobbies. Dreams. Goals. Or whatever else you can think of. Tell a bit about yourself. What you like, don't like. Hobbies. Dreams. Goals. Or whatever else you can think of. Tell a bit about yourself. What you like, don't like. Hobbies. Dreams. Goals. Or whatever else you can think of. Tell a bit about yourself. What you like, don't like. Hobbies. Dreams. Goals. Or whatever else you can think of. Tell a bit about yourself. What you like, don't like. Hobbies. Dreams. Goals. Or whatever else you can think of. <br /><br /><b>bold bold bold</b><br /><i>italic italic italic</i><br /><u>underlined underlined underlined</u></div>

<div class="xdh">This layout was designed and coded by <a href="http://www.dhdezigns.com">DH Dezigns</a></div>
<div class="home"><a href="" class="link_h"></a></div>
<div class="home"><a href="http://home.myspace.com/index.cfm?fuseaction=user&
" class="link_h"></a></div>
<div class="add"><a href="http://collect.myspace.com/index.cfm?fuseaction=invite.addfriend_verify&friendID=XXXXXXXX" class="link_a"></a></div>
<div class="block"><a href="http://collect.myspace.com/index.cfm?X
fuseaction=block.blockUser&userID=XXXXXXXX" class="link_b"></a></div>
<div class="message"><a href="http://messaging.myspace.com/index.cfm?fuseaction=mail.message&friendID=XXXXXXXX" class="link_m"></a></div>
<div class="friends"><a href="http://home.myspace.com/index.cfm?fuseaction=user.viewfriends&friendID=XXXXXXXX" class="link_f"></a></div>
<div class="blog"><a href="http://blog.myspace.com/index.cfm?fuseaction=blog.ListAll&friendID=XXXXXXXX" class="link_bl"></a></div>

<div class="cmntbox"><form method="post" action="http://www.msplinks.com/MDFodHRwOi8vY29tbWVudHMubXlzcGFjZS5jb20vaW5kZXguY2ZtP2Z1c2VhY3Rpb249dXNlci5Db25maXJtQ29tbWVudA=="> <input name="friendID" value="XXXXXXXX" type="hidden" /><textarea name="f_comments" style="width:300px; height:50px; scroll:auto; background-image:url(http://i352.photobucket.com/albums/r346/dhdezigns/kerli/cmnt-bg.jpg); font-family:century gothic; font-size:10pt; text-transform:lowecase; color:000000; border:1px solid; border-color:ffffff;">be careful what you say.</textarea><br /><input type="submit" value="i'm not bulletproof" style="color: 87a55f!important; font-size: 8pt; font-family: arial; text-transform:uppercase; letter-spacing: 2px; height: 15px; width: 300px; background-color: 101010; border:1px solid; border-color: 000000;line-height: 12px;" /></form>
</div>