simple blog style

Myspace Layouts / Div Overlay

Designer's Comments

Look carefully for specific instructions

this is popular blog theme, I change it to myspace layout.

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: DDE5D9;
	font-family: helvetica, Arial;
	font-size: 12px;
	color: 888888;
}

.themecreativecom_main {
	position: absolute;
	left: 50%;
	top: 125px;
	width: 1000px !important;
	height: 800px;
	z-index: 1;
	margin-left: -500px;
	padding-bottom: 15px;
	background-color: DDE5D9;
	text-align: center;
	border: 0px solid black;
}

.leftbox {
	width: 550px;
	border-top: 1px solid;
	border-bottom: 1px solid;
	border-left: 1px solid;
	border-right: 3px solid ;
	border-color: CED4CA;
	text-align: left;
	float: left;
	background-color: white;
	margin-top: 20px;
	padding: 7px;
}

.centerbox {
	width: 190px;
	border-top: 1px solid;
	border-bottom: 1px solid;
	border-left: 1px solid;
	border-right: 3px solid ;
	border-color: CED4CA;
	text-align: left;
	float: left;
	margin-left: 10px;
	background-color: white;
	margin-top: 20px;
	padding: 7px;
}

.rightbox {
	width: 185px;
	border-top: 1px solid;
	border-bottom: 1px solid;
	border-left: 1px solid;
	border-right: 3px solid ;
	border-color: CED4CA;
	text-align: left;
	float: left;
	margin-left: 10px;
	background-color: white;
	margin-top: 20px;
	padding: 7px;
}

.headertext {
	margin: 0 0 3px 0;
	padding: 0 0 3px 0;
	line-height: 100%;
	font-size: 26px;
	font-family: arial, helvetica, sans-serif;
	letter-spacing: -1px;
}

h2 {
	margin: 0 0 3px 0;
	padding: 0 0 3px 0;
	line-height: 100%;
	font-size: 18px;
	font-family: arial, helvetica, sans-serif;
	letter-spacing: -1px;
	color: 77BDC1;
}

.content {
	line-height: 18px;
	font-size: 12px;
	color: 888888;
}

ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

ul li a{
	display: block;
	text-indent: 5px;
	width: 180;
	height: 28px;
	line-height: 28px;
	background-color: white;
	color: 8AB459;
	text-decoration: none;
}

ul li a:hover{
	display: block;
	text-indent: 5px;
	width: 180;
	height: 28px;
	line-height: 28px;
	background-color: 98C2C5;
	border-bottom: 1px solid DCDCDC;
	color: white;
	text-decoration: none;
}
</style>

Layout Code

Copy and paste to I'd Like to Meet

Help

<div class="themecreativecom_main">
	<div class="leftbox">
		<h2>About Me</h2>
		<br/>
		<div class="content">
		 I am from NJ, single with 2 dogs,love to travle, party, and surfing online. Pics you see on this page, I took them last time, when I traveled to China. Its great experience, I like to share with you.<br/><br/>

<strong><span style="color: A5C4C6">Wow, I really like your layout, where can I get it?</span></strong><br/>
		you can download it from themecreative.com, if you problem to install it please ask me questions at themecreative forum, I do not answer questions here.
		</div>

<br/><br/>
		<h2>About This Layout</h2>
		<br/>
		<div class="content">
		 This is a pretty popular blog theme, I change it to myspace layout. Hope you gonna like<br/><br/>

<strong><span style="color: A5C4C6">Layout Installation</span></strong><br/>
		really not much things to say.

<br/><br/>
		1. Copy all css code into "about me"<br/>
		2. Copy all html code into "I'd like to meet"<br/><br/>

remember in the source code, I am using word "friend_id_number", you have to replace them using yours.
		What is frinedID?  <a href="http://www.themecreative.com/forum/viewthread.php?tid=11">
		here's tutorial teaching how to get yours.</a><br/>
		</div>

<br/><br/>
		<h2>Site I suggest you to visit - createblog.com</h2>
		<br/>
		<div class="content">
		  is a great site for you to get layouts. and this is the only site I use to publish my works besides my own
		 web site.<br/>

</div>

<br/><br/>
		<h2>My Site: themecreative.com</h2>
		<br/>
		<div class="content">
		 Its my web site to show off my layouts and sharing them with others. Its new,only 2 weeks old. Not many people know about this site. Everyday I spend around 1 hour searching for myspace layouts. I found alot sites have thousands free layouts, but they are all ugly, couldn't find anything I like. This is the reason this web site got born.<br/>

<br/>

<br/><br/>
		 Like this flash way to show your images, we have flash generator ready for you to make your own flash image show.
		 <br/><br/><br/>

<h2 style="font: 20px georgia;text-transform: uppercase;">Comment</h2>
								<form method="post" action="http://comments.myspace.com/index.cfm?fuseaction=user.ConfirmComment">
								<input type="hidden" name="friendID" value="friend_id_number">
								<textarea name="f_comments" cols="65" rows="8"></textarea>
								<p><input type="submit" value="Post Comment" /></p>
								<p>Leave a comment or 
								<a href="http://comments.myspace.com/index.cfm?fuseaction=user.homeComments&friendID=friend_id_number" title="View comment archive">View All</a></p>

</form>

</div>

<div style="padding:5px 0 5px 0;">
		Copyright � 2006 <a href="http://www.themecreative.com">
		themecreative.com</a>. All rights reserved.</div>
		
		<div style="clear:both"></div>

</div>

<div class="centerbox">
		<h2>Myspace</h2>
		<ul>
			<li><a href="http://mail.myspace.com/index.cfm?fuseaction=mail.message&friendID=friend_id_number" style="color: 8AB459">Send Message</a></li>
			<li><a href="http://mail.myspace.com/index.cfm?fuseaction=mail.forward&friendID=friend_id_number&f=forwardprofile" style="color: 8AB459">Foward to Friends</a></li>
			<li><a href="http://collect.myspace.com/index.cfm?fuseaction=invite.addfriend_verify&friendID=friend_id_number" style="color: 8AB459">Add to Friends</a></li>
			<li><a href="http://collect.myspace.com/index.cfm?fuseaction=user.addToFavorite&friendID=friend_id_number&public=0" style="color: 8AB459">Instant Message</a></li>
			<li><a href="http://groups.myspace.com/index.cfm?fuseaction=groups.addtogroup&friendID=friend_id_number" style="color: 8AB459">Add to Group</a></li>
		</ul>

</div>

<div class="rightbox">
		<h2>Link Roll</h2>
		<ul>
			<li><a href="http://www.thinkvitamin.com/" style="color: 8AB459">thinkvitamin</a></li>
			<li><a href="http://www.deviantart.com/" style="color: 8AB459">deviantart</a></li>
			<li><a href="http://www.google.com" style="color: 8AB459">google</a></li>
			<li><a href="http://www.createblog.com/" style="color: 8AB459">createblog</a></li>
			<li><a href="http://www.youtube.com/" style="color: 8AB459">youtube</a></li>
			<li><a href="http://www.themecreative.com" style="color: 8AB459">themecreative</a></li>
			<li><a href="http://www.johnchow.com/" style="color: 8AB459">johnchow</a></li>
			<li><a href="http://forums.digitalpoint.com/" style="color: 8AB459">digitalpoint</a></li>
			<li><a href="http://www.wiphey.com" style="color: 8AB459">wiphey</a></li>
			<li><a href="" style="color: 8AB459">your link here</a></li>
		</ul>
	</div>

Layout Comments

Showing latest 10 of 19 comments

Sexy.

By markmejia on Feb 28, 2008 7:32 pm

i wish it had different font colors like navy blue and gray

By Hethegreat on Feb 22, 2008 2:14 am

i wish it had different font colors like navy blue and gray

By Hethegreat on Feb 22, 2008 2:13 am

my link boxes the center and right r stuck at the bottom of my page

what do i do?!

By meghanc93 on Jan 13, 2008 2:35 am

Hey, do you know of any sites with DIV's just like this one? simple and has more features just like this layout, some layouts dont have simple designs like this :)

By SyndicateGirls on Sep 10, 2007 4:44 am

It's very plain and simple. It's nice though. Good job.

By Aerjae on Feb 26, 2007 5:31 am

I'm having trouble getting the center table and right table to the center and right of my page. They're stuck to the bottom of the left table, at the bottom of the page.

By enigami on Feb 26, 2007 5:22 am

^ I looked into it, and the codes are completely different.Maybe the link you provided, inspired this one?

By arcanum on Feb 16, 2007 2:42 pm

hmmm, this is strangely similar to http://5thirtyone.com/archives/376

By SoaDyPOP on Feb 16, 2007 2:36 pm

me likey

By hannahwiththemyspace on Jan 11, 2007 11:08 am

View all »

Layout Details

Designer	feelexit
Submitted on	Dec 4, 2006
Page views	117,659
Favorites	163
Comments	19

simple blog style

Designer's Comments

Using This Layout

Update Friend ID

Layout Code

Layout Code

Layout Comments

Layout Details

Layout Tags

Layout Tools

Layout Affiliates