Twilight II.

Designer's Comments

Look carefully for specific instructions

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

Ok, so I know there are a whole bunch of Twilight layouts being submitted, but I thought I'd make another. The person who won my design contest requested it so I had to, really. It's a bit big, but I like it. Tell me what you think?

Want to see all my layouts and graphics?
website
myspace

Credits are for cool folk.
images
brushes
texture

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:144d5e;
background-image:url(http://cbimg9.com/layouts/08/05/27822ab.png);
background-position:top left;
 background-repeat:repeat;
 background-attachment:scroll;
scrollbar-arrow-color:144d5e;
scrollbar-track-color:144d5e;
scrollbar-shadow-color:fff;
scrollbar-face-color:fff;
scrollbar-highlight-color:fff;
scrollbar-darkshadow-color:fff;
scrollbar-3dlight-color:fff;}
</style>

.div{
position: absolute; 
left: 50%;
margin-left:-500px; 
padding-bottom:20px;
top: 130px;  }

.section1{
position: absolute; 
left: 50%; 
margin-left:-210px; 
top: 245px; 
width:  426px; 
height:  272px; 
overflow:auto;}

.section3{
position: absolute; 
left: 50%; 
margin-left:-202px; 
top:220px; 
width:426px;
height:25px;
overflow: auto;}

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

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

a:active,a:visited,a:link,a{
	color:b97ca8;
	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; color:1a5869; background-color:transparent; text-transform:lowercase; letter-spacing: -1px; background-image:url();background-position:right; padding-right:15px; background-repeat:no-repeat; text-align:center; font:15px georgia; font-weight:normal;}
a.nav:hover {border: none; color:000; padding-right:15px; background-color:transparent; text-transform:lowercase; letter-spacing: -1px;background-image:url();background-position:right;  background-repeat:no-repeat; text-align:center; font:15px georgia; font-weight:normal;}

.standard b, p b, B, strong {
font-family:century gothic; 
font-size:12px; 
line-height:18px;
color:b97ca8; 
font-weight:none;
border:0px; 
text-transform: uppercase; }
</style>

<div class="section3"><center>
<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://comment.myspace.com/index.cfm?fuseaction=user.viewProfile_commentForm&friendID=XXXXXXXX&MyToken=309fd791-51cb-4de0-9982-23e1fd6ac746">comment</a>
<a class="nav" href="http://blog.myspace.com/index.cfm?fuseaction=blog.ListAll&friendID=XXXXXXXX">blog</a>
<a class="nav" href="http://home.myspace.com/Modules/ViewFriends/FriendsView.aspx?friendID=XXXXXXXX">friends</a>
</center></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>

Layout Comments

Showing latest 10 of 54 comments

i love this layout; and i love twilight; but i was wondering if there was a way to change the pictures?

By kdaisyxo on May 1, 2010 8:34 pm

can i change the pictures?

By cynadoll on Nov 3, 2009 3:44 am

Elegant, simple, very good.

By shichiyou on Jun 27, 2009 2:22 pm

This remains my favorite Twilight layout ever to be made. I'd be interested to see you make one for New Moon, I'm sure it'd be gorgeous.

By lauren5848 on Jun 7, 2009 10:15 pm

OMG i luv it!!!

By cobb15 on Jan 28, 2009 6:23 pm

omg i love this layout it has the best twilight quote on it.
i wish i could find ones like this more..thanks! you did a nice job

By ms-melanie on Jan 10, 2009 8:13 pm

The layout is awesome, I love how it looks in my profile.
For me everything works perfectly

By Metallia on Jan 5, 2009 4:03 pm

the layout s cool an everything but fr the pictures, when you click on the link it shows all of my private pictures...

By gtzdevil24 on Dec 2, 2008 4:13 pm

It's centered for me, and I checked it in multiple resolutions and browsers.

By schizo on Nov 26, 2008 2:15 pm

its so lovely dear i wanted to use it but it's not centered. please contact me if you can help.

By Twilightlife on Nov 26, 2008 1:21 pm

View all »

Layout Details

Designer	schizo
Submitted on	May 23, 2008
Page views	42,438
Favorites	329
Comments	54
Reviewer	Mango-Butter
Approved on	May 23, 2008

Layout Colors

Layout Tags

emotions, fantasy, love, movies, twilight, edward, bella, edward and bella, vampires, cullen

Layout Tools

Layout Affiliates

Here I Stand Layouts