Twilight Movie

Myspace Layouts / Div Overlay

Designer's Comments

Look carefully for specific instructions

does not hide add.
replace X's with your friend ID.

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><p><a href="http://www.createblog.com/layouts/index.php?layout=myspace_layouts" title="Grab Myspace Layouts and Myspace Codes"><img src="http://cbimg6.com/layouts/08/04/08/26760aa.gif" border="0" alt="Myspace Layouts" style="position:absolute;top:0px;left:0px;width:10px;height:27px;" /></a></p><p><a href="http://www.createblog.com/layouts/index.php?layout=myspace_layouts" title="Grab Myspace Layouts and Myspace Codes"><img src="http://cbimg6.com/layouts/08/04/08/26760aa.gif" border="0" alt="Myspace Layouts" style="position:absolute;top:0px;left:0px;width:10px;height:27px;" /></a></p><p><a href="http://profile.myspace.com/index.cfm?fuseaction=user.viewprofile&friendid=205964370&MyToken=25199998-7c67-43bf-b1f7-76bb425816d1" title="Color My World!"><img src="http://cbimg6.com/layouts/08/04/08/26760ab.jpg" border="0" alt="Color My World!" style="position:absolute;top:0px;left:0px;width:49px;height:19px;" /></a></p><style>
body {
	background-color: 000000;
	background-image: url(http://cbimg6.com/layouts/08/04/08/26760ac.png);
	background-repeat: repeat-x;
	background-attachment: fixed;
}

table {
	visibility: hidden;
}

div table {
	background-color: 000000;
}

.main {
position: relative;
left: 30px;
top: -265px;
width: 752px;
z-index: 5;
margin-left: -375px;
}

.header {
background: url(http://cbimg6.com/layouts/08/04/08/26760ad.jpg) no-repeat;
position: absolute;
left: 50%;
margin-left: -375px;
top: 1px;
..;
width: 750px;
height: 490px;
}

.content {
	background-color: 000000;
	width: 750px;
	_width: 752px;
	position: absolute;
	left: 50%;
	margin-left: -376px;
	top: 490px;
	min-height: 100%;
	height: auto;
	border-left-style: solid;
	border-left-width: 1px; 
	border-left-color: maroon ;
	border-right-style: solid;
	border-right-width: 1px; 
	border-right-color: maroon ;
	padding-bottom: 10px;
	_border-bottom-style: solid;
	_border-bottom-width: 1px; 
	_border-bottom-color: maroon ;
}

.content h2 {
	background-color: 000000;
	width: 500px;
	margin-top: 10px;
	margin-left: 5px;
	padding-top: 3px;
	padding-right: 5px;
	height: 23px;
	border-top-width: 0px;
	border-top-style: solid;
	border-top-color: 000000;
	border-bottom-width: 0px;
	border-bottom-style: dashed;
	border-bottom-color: 000000;	
	color: firebrick ;
	font-family: Georgia;
	font-size: 12pt;
	font-weight: normal;
	text-align: left;
}

.content h3 {
	background-color: 000000;
	width: 500px;
	margin-top: 5px;
	margin-left: 5px;
	padding-top: 3px;
	padding-left: 5px;
	height: 23px;
	border-top-width: 0px;
	border-top-style: solid;
	border-top-color: 000000;
	border-bottom-width: 0px;
	border-bottom-style: dashed;
	border-bottom-color: 000000;	
	color: firebrick ;
	font-family: Georgia;
	font-size: 12pt;
	font-weight: normal;
        text-align: left;
}

.content p {
	width: 500px;
	padding-left: 5px;
	margin-top: -7px;
	margin-left: 5px;
	color: fff;
	font-family: verdana;
	font-size: 8pt;
	text-align: justify;
}

.sidebar {
	position: relative;
	top: 485px;
	_top: 495px;
	width: 225px;
	left: 50%;
	margin-left: 143px;
	height: auto;
}
	
.sidebar ul.nav {
	list-style-type: none;
	width: 225px;
	_width: 265px;
	_margin-left: -40px;
	text-align: right;
	background-color: 000000;
	padding-left: 0px;
}

.sidebar .nav li a {
	color: fff;
	display: block;
	text-decoration: none;
	border-bottom-style: solid;
	border-bottom-width: 0px;
	border-bottom-color: crimson ;
	padding: 3px 5px 0px 0px;
	width: 220px;
	font-family: georgia;
	font-size: 8pt;
}

.sidebar .nav li a:hover {
	color: fff;
	background-color: darkred;
	width: 210px;
	padding: 3px 5px 0px 0px;
	border-left-style: solid;
	border-left-color: crimson ;
	border-left-width: 8px;
}

.sidebar h2 {
	width: 223px;
	height: 24px;
	padding-top: 3px;
	padding-left: 2px;
	margin-bottom: -5px;
	font-family: Georgia;
	font-size: 12pt;
	font-weight: normal;
	text-align: right;
	color: firebrick;
	background-color: 000000;
	border-top-style: solid;
	border-top-width: 0px;
	border-top-color: fff;
	border-bottom-style: dashed;
	border-bottom-width: 0px;
	border-bottom-color: fff;
}

.sidebar h3 {
	width: 223px;
	height: 24px;
	padding-top: 3px;
	padding-right: 2px;
	margin-bottom: -5px;
	font-family: Georgia;
	font-size: 12pt;
	font-weight: normal;
	text-align: right;
	color: firebrick;
	background-color: 000000;
	border-top-style: solid;
	border-top-width: 0px;
	border-top-color: fff;
	border-bottom-style: dashed;
	border-bottom-width: 0px;
	border-bottom-color: fff;
}

.sidebar p {
	color: gainsboro ;
	font-family: verdana;
	font-size: 8pt;
	text-align: justify;
}

a:link, a:visited, a:active {
	color: darkred;
	text-decoration: none;
}

a:hover {
	text-decoration: none;
}

.commentbox input {
	color: fff;
	background-color: darkred;
	border-width: 1px;
	border-style: solid;
	border-color: crimson;
	margin-left: 6px;
	margin-top:4px;
}

.commentbox input:hover {
	color: fff;
	background-color: darkred;
	border: 1px solid;
	border-color: crimson;
}

.commentbox input:focus {
	color: fff;
	border: 1px solid;
	border-color: fff;
}

.commentbox textarea {
	margin-top: 5px;
	background-color: 000000;
	border: 1px solid;
	border-color: crimson;
	font-family: Tahoma;
	font-size: 10px;
	color: fff;
}

</style>

Layout Code

Copy and paste to I'd Like to Meet

Help

<div class="main">
<table style="width: 752px;
height: auto;
cellpadding: 0px;
cellspacing: 0px;
border-left-style: solid;
border-left-width: 1px; 
border-left-color: maroon ;
border-right-style: solid;
border-right-width: 1px; 
border-right-color: maroon ;
border-top-style: solid;
border-top-width: 1px; 
border-top-color: maroon ;
background-color: 000000;
visibility: visible;">
<tr><td valign="top">
<div class="header"> </div>
<div class="content">
<h2>About The Layout</h2>
<p>I was really excited for the twilight movie to come out so I decided to create a layout just for it.  You can modify it all you want, just as long as you keep the credit.  Remember to replace all of the X's in the links.  I hope you enjoy the layout!</p>

<h3>Random</h3>
<p>blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah </p>

<h2>Random</h2>
<p>blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah </p>

<h3>Random</h3>
<p>blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah </p>

</div>
<div class="sidebar">
<ul class="nav">
	<li><a href="http://home.myspace.com/index.cfm?fuseaction=user">Home</a>
	<li><a href="http://collect.myspace.com/index.cfm?fuseaction=invite.addfriend_verify&friendID=XXXXXXXX&MyToken=60073af5-e929-4c7a-b357-3f1b6da0bbfb">Add to Friends</a>
	<li><a href="http://messaging.myspace.com/index.cfm?fuseaction=mail.message&friendID=XXXXXXXX&MyToken=dc1a4980-b345-42ed-b4b8-c90a791550c4">Send a Message</a>
	<li><a href="http://friends.myspace.com/index.cfm?fuseaction=user.viewfriends2&friendID=XXXXXXXX&MyToken=05d2b931-e015-4920-8de7-98210caeafc7">View Friends</a>	<li><a href="http://viewmorepics.myspace.com/index.cfm?fuseaction=user.viewAlbums&friendID=XXXXXXXX">Pictures</a>
	<li><a href="http://blog.myspace.com/index.cfm?fuseaction=blog.ListAll&friendID=XXXXXXXX">Blog</a>
</ul>

<h2>Random</h2>
<p>blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah </p>

<h3>Random</h3>
<p>blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah </p>

<h2>Credit</h2>
<p>Layout By
	<a href="http://profile.myspace.com/index.cfm?fuseaction=user.viewprofile&friendid=205964370&MyToken=25199998-7c67-43bf-b1f7-76bb425816d1">Color My World</a> 
Image From
<a href="http://tanja4002.deviantart.com/">tanja4002 at Deviant Art</a>.</p>

<h3>Comments</h3><br /><br />
<div class="commentbox">
<center>Add Comment / <a href="http://www.myspace.com/index.cfm?fuseaction=user.homeComments&friendID=XXXXXXXX">View All</a><br />
<form method="post"
action="http://comments.myspace.com/index.cfm?fuseaction=user.ConfirmComment">
<input type="hidden" name="friendID" value="XXXXXXXX">
<textarea name="f_comments" cols="25" rows="5"></textarea><br />
<input type="submit" value="Post">
</form>
</center>
</div>
</div>
</td></tr></table></div>

Layout Comments

Showing latest 10 of 13 comments

who did the banner???

By Bye on Jul 30, 2008 12:07 pm

I honestly have to say, I never heard of that movie. But the layout is amazing. (:

By Jovannie on Apr 16, 2008 2:36 pm

Hey i love your layouts
they are amazing
i wish you would make more.

could you make a div for me with this picture alike to this one ?

Direct link:http://i292.photobucket.c om/albums/mm20/stephyyyyyyyy/A NIMAL-1.jpg

Email/im:http:/ /s292.photobucket.com/albums/m m20/stephyyyyyyyy/?action=view ¤t=ANIMAL-1.jpg

By animalpak on Apr 16, 2008 1:23 pm

I cant wait for the movie to come out!!
Excellent job

By SammyGVA on Apr 13, 2008 11:57 pm

all i got to say: WOW

By alecreations on Apr 9, 2008 7:59 pm

the banner is amazing, did you do this yourself?
there is a very large gap under the layout however..so one of your heights of DIV's is wayy out of context, however other than that this is really nice.
the navigation is something which i like especially, didn't expect it to do that, it adds a creative edge to the layout (if the banner has not already!)

By vintage-toile on Apr 9, 2008 9:38 am

I absolutly love it, but I can't figure out how to work a DIV for the life of me. Can you make a standard one?

By Ashl716 on Apr 8, 2008 11:09 pm

awww, i love the banner. :]

By aaayotiffany on Apr 8, 2008 10:40 pm

I LOVE YOU. c:

By misarylane on Apr 8, 2008 9:50 pm

lovin the banner, but the pink touches don't match.

By emberfly on Apr 8, 2008 9:18 pm

View all »

Layout Details

Designer	colorific
Submitted on	Apr 8, 2008
Page views	13,932
Favorites	89
Comments	13
Reviewer	karmakiller
Approved on	Apr 8, 2008

Twilight Movie

Designer's Comments

Using This Layout

Update Friend ID

Layout Code

Layout Code

Layout Comments

Layout Details

Layout Tags

Layout Tools

Layout Affiliates