Man's Best Friend.

Designer's Comments

Look carefully for specific instructions

If you don't know how to use this kind of layout, click here.

Search bar does not show up on myspace. These previews just need to be updated for Myspace's redesign.

I was going to use the image of the dog for a tutorial on my site, but halfway through I decided to turn it into a layout. It's a really good photo, and I love dogs. I've already come to the conclusion that I'm going to be a crazy cat lady when I'm old, only I'll have dozens of dogs instead of cats. I'd rather not be, but I'm almost positive that I'm already on my way.

Want to see all my layouts and graphics?
website
myspace

Photo Credit: Cjcj

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 type="text/css">body{
background-color:5e7c86;
background-image:url();
background-position:top left;
 background-repeat:repeat;
 background-attachment:scroll;
scrollbar-arrow-color:ffffff;
scrollbar-track-color:5e7c86;
scrollbar-shadow-color:000000;
scrollbar-face-color:042d45;
scrollbar-highlight-color:000000;
scrollbar-darkshadow-color:5e7c86;
scrollbar-3dlight-color:5e7c86;}

.div{
position: absolute; 
left: 50%;
margin-left:-300px; 
padding-bottom:20px;
top: 110px;  
z-index: 0;}

.section1{
position: absolute; 
left: 50%; 
margin-left:-285px; 
top: 510px; 
z-index:5; 
width:  386px; 
height: 103px; 
overflow: auto;
scrollbar-arrow-color:e2f0ea;
scrollbar-track-color:e2f0ea;
scrollbar-shadow-color:000000;
scrollbar-face-color:042d45;
scrollbar-highlight-color:000000;
scrollbar-darkshadow-color:e2f0ea;
scrollbar-3dlight-color:e2f0ea;}

.section3{
position: absolute; 
left: 50%; 
margin-left:124px; 
top: 343px; 
z-index:5; 
width:  146px; 
height: 121px; 
overflow: hidden;}

.section4{
position: absolute; 
left: 50%; 
margin-left:125px; 
top: 150px; 
z-index:5; 
width:  146px; 
height: 136px; 
overflow: auto;
scrollbar-arrow-color:e2f0ea;
scrollbar-track-color:e2f0ea;
scrollbar-shadow-color:000000;
scrollbar-face-color:042d45;
scrollbar-highlight-color:000000;
scrollbar-darkshadow-color:e2f0ea;
scrollbar-3dlight-color:e2f0ea;}

.commentbox{
position: absolute; 
left: 50%; 
margin-left:125px; 
top: 510px; 
z-index:5; 
overflow: auto;}

body,table, td, li, p, div
{
font:normal 10px arial; 
color:000; 
font-weight:none; 
border:0px; 
text-transform: none; 
line-height:15px;}

textarea{
background-color: transparent; 
background-image:url();
color: ffff; 
font:20px verdana; 
text-transform:none;
letter-spacing: -3px;
border: solid 1px 000;}

a:active,a:visited,a:link,a{
	color:eec77a;
	font-size:10px;
	margin-top:1px;
	cursor:default;
	font-weight:normal;
	letter-spacing:1px;
	font-family:tahoma;
	text-decoration:none;
	text-transform:uppercase;
}

a:hover{
	color:000;
	font-size:10px;
	margin-top:1px;
	cursor:default;
	font-weight:normal;
	letter-spacing:1px;
	font-family:tahoma;
	text-decoration:none;
	text-transform:uppercase;}
	
a.nav:link, a.nav:visited, a.nav:active {border: none; border-left:none; border-bottom:none;color:fff; text-transform:uppercase; letter-spacing: 0px; padding-top:2px; padding:4px;font-size: 9px; background-image:url(); background-color:042d45; width:100%; display:block;background-position:right; background-repeat:no-repeat; text-align:center; font:7px small fonts; font-weight:normal;}
a.nav:hover {border: none; border-left:none; border-bottom:none;color:fff; text-transform:uppercase; letter-spacing: 0px; padding:4px;font-size: 9px; background-image:url(); background-color:5e7c86; width:100%; display:block;background-position:right; background-repeat:no-repeat; text-align:center; font:7px small fonts; font-weight:normal;}

.standard b, p b, B, strong {
font-family:arial black; 
font-size:10px; 
line-height:23px;
color:042d45; 
font-weight:none;
font-weight:normal;
letter-spacing:-1px;
border:0px; 
text-transform: uppercase; }

table table div form {display:inline !important;}
.contacttable,.whitetext12,.nametext,.lightbluetext8,.orangetext15,.blacktext12,.btext,.redtext,.redbtext{display:none;height:0px;!important;visibility:hidden}
td td td td{border:0px;width:0px;text-align:left;}
table,td,tr{padding:0px;width:;background-color:transparent}
table table table{padding:1px;height:.01%;width:100%;}
table table,table table table table,table,tr,td{height:0px;!important;border:0px;!important}
a.text,table div font a,table div div,.navbar font,tr td font{visibility:hidden;display:none;height:0px;!important;}
td.text table table{display:inline;visibility:visible;}
table td table tr td.text table{visibility:hidden;}
table td table tr td.text table table,table td table tr td.text table table td.text{visibility:visible;}
table div div{visibility:hidden;!important;}
table table table table,table table table table td.text, td.text td.text table{display:none;}
body div div form {display:none !important;}td td embed, td td embed, td td object{position:absolute;top:0px;right:0px;width:45px;}div div div select {position:absolute !important;  margin-left:-1000px !important; left:0px !important; display:none !important; }div div table div {display:none;} .clearfix table div div {display:block;} 
tr td div, div td ,div tr, div table {background-color:transparent !important;}
.profile, div ul {display:none !important;}.clearfix{top:1px; position:relative;}
.clearfix{margin-top:-1px !important; position:relative !important;}div div table div, div.clearfix a {
  visibility:hidden;
  background: transparent !important; }
  </style>
<div class="div">

<div class="section1"><center>
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Pellentesque purus risus, volutpat quis, consectetuer a, ullamcorper a, pede. Aliquam non massa. Phasellus vulputate orci vel augue. Fusce pretium mollis sapien. Duis non magna. Quisque felis purus, vulputate vitae, tempus eu, commodo at, purus. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Aenean tincidunt libero. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. In dictum. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Pellentesque purus risus, volutpat quis, consectetuer a, ullamcorper a, pede. Aliquam non massa. Phasellus vulputate orci vel augue. Fusce pretium mollis sapien. Duis non magna. Quisque felis purus, vulputate vitae, tempus eu, commodo at, purus. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Aenean tincidunt libero. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. In dictum. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Pellentesque purus risus, volutpat quis, consectetuer a, ullamcorper a, pede. Aliquam non massa. Phasellus vulputate orci vel augue. Fusce pretium mollis sapien. Duis non magna. Quisque felis purus, vulputate vitae, tempus eu, commodo at, purus. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Aenean tincidunt libero. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. In dictum. 
</center> 
</div>

<div class="section4">
<b>Name:</b> BLAH<br> 
<b>Age:</b> BLAH<br> 
<b>Location:</b> BLAH<br> 
<b>Status:</b> BLAH<br>
<b>Hobbies:</b> BLAH<br> 
</div>

<div class="section3">
 <a class="nav" href="http://home.myspace.com/index.cfm?fuseaction=user">Home</a>
 <a class="nav" href="http://viewmorepics.myspace.com/index.cfm?fuseaction=user.viewPicture&friendID=XXXXXXXX">pics</a>
 <a class="nav" href="http://messaging.myspace.com/index.cfm?fuseaction=invite.addfriend_verify&friendID=XXXXXXXX">add</a><a class="nav" href="http://messaging.myspace.com/index.cfm?fuseaction=mail.message&friendID=XXXXXXXX&MyToken=60073af5-e929-4c7a-b357-3f1b6da0bbfb">message</a>
 <a class="nav" href="http://friends.myspace.com/index.cfm?fuseaction=block.blockUser&userID=XXXXXXXX">block</a>
 <a class="nav" href="http://home.myspace.com/Modules/ViewFriends/FriendsView.aspx?friendID=XXXXXXXX">friends</a>
 <a class="nav" href="http://blog.myspace.com/index.cfm?fuseaction=blog.ListAll&friendID=XXXXXXXX">blog</a>
</div>

<div class="commentbox"><center>
<style type="text/css">
textarea.area{
background-color:transparent;
width:146px;
height:90px;
font-family:arial black;
color:042d45;
line-height:15px;
font-size:10px;
text-align:left;
text-transform:uppercase;
border:0px solid;
border-color:000;
font-weight:normal;
letter-spacing:-1px;
overflow:hidden;
}

input.button {
background-color:transparent;
width:142px;
height:14px;
font-family:arial black;
color:042d45;
line-height:15px;
font-size:10px;
text-align:center;
text-transform:uppercase;
border:0px solid;
border-color:000;
font-weight:normal;
letter-spacing:-1px;
overflow:hidden;}
</style>

Layout Comments

Showing latest 10 of 21 comments

You would have to edit the image. There's nothing in the code you could take out.

By schizo on Dec 12, 2008 4:34 pm

is there a way to get a picture of my dog ont here? any part of coding i could delete?

By jessieislegend on Dec 12, 2008 3:54 am

Looks just like my dog!

By Sun-Mi on Aug 31, 2008 4:10 pm

Thanks everyone. :)

By schizo on Aug 23, 2008 3:30 pm

i really like how everything is sectioned off, the comment box is my fave :D

By imsleepn on Jun 24, 2008 1:40 pm

OMG how adorable!!! I luv dogs too!! lolz

By lollipoplove on Jun 23, 2008 11:48 pm

A great job as always :)

By seductionlayouts on Jun 23, 2008 6:44 pm

SmileBig - The search bar doesn't show on myspace. These previews just need to be updated. It says that in my designer's comments.

brittanyoliver - Arial black and Jane Austen (my favorite font)

Thanks everyone. :D

By schizo on Jun 22, 2008 1:02 pm

whats the name of those 2 fonts u used?

By brittanyoliver on Jun 22, 2008 12:42 am

awesome :)
i love the colours you chose,
excellent job,
as always :)

By SammyTheHeadbutt on Jun 21, 2008 6:09 pm

View all »

Layout Details

Designer	schizo
Submitted on	Jun 20, 2008
Page views	11,931
Favorites	79
Comments	21
Reviewer	Synesthesia
Approved on	Jun 20, 2008

Man's Best Friend.

Designer's Comments

Using This Layout

Update Friend ID

Layout Code

Layout Comments

Layout Details

Layout Colors

Layout Tags

Layout Tools

Layout Affiliates