Twilight

Designer's Comments

Look carefully for specific instructions

Just turning the old standard layout into a div, hopefully everyone likes it. :)

JUST ADD YOUR FRIEND ID WERE IT SAYS AND IT SHOULD WORK. WORKS ON IE AND FIREFOX. BEST VIEWED 1024x748.

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>
body {
 background-color: 000000;
background-image:url(http://cbimg9.com/layouts/08/10/31876aa.png);
	background-attachment: fixed;
	background-position:bottom left;
	background-repeat:repeat;
 scrollbar-arrow-color: ffffff;
 scrollbar-face-color: 000000;
 scrollbar-3dlight-color: 000000;
 scrollbar-darkshadow-color: 000000;
 scrollbar-shadow-color: 000000;
 scrollbar-highlight-color: 000000;
 scrollbar-track-color: 000000;

font-family:tahoma;
font-size:8pt;color:ffffff;border:none;}
input, select, textarea, .textfield, .button {font-family:tahoma;font-size:8pt;color:FFFFFF;border: 1px dashed FFFFFF;background-color:transparent;text-align:center;}
.text {font-family:tahoma; font-size:8pt; line-height:10pt; color:FFFFFF;text-align:justify;}b,i,strong,em,u,s {font-family:tahoma; font-size:8pt;color:FFFF00;font-weight:normal;cursor:help;}{style for the number of friends you have.}.redbtext{font-family:tahoma; font-size:8pt; line-height:10pt; color:FFFFFF;border:0px solid FFFFFF; }{repeat of the style for how many comments you have}.redbtext{font-family:tahoma; font-size:8pt; line-height:10pt; color:FFFFFF; border:0px solid FFFFFF;}
.orangetext15{font-family:courier new; text-transform:uppercase; font-size:11px; color:FFFFFF; font-weight:bold;background:000000; border:0px solid FFFFFF;text-decoration:underline;}
.lightbluetext8{font-family:courier new; text-transform:uppercase; font-size:11px; color:FFFF00; font-weight:bold;background:000000;border:0px solid FFFFFF;text-align:right;}
{"In your extended network" style}
.blacktext12{font-family:courier new; font-size:16px; color:FFFFFF; font-weight:bold;text-decoration: underline; text-transform:uppercase;}
.whitetext12{font-family:courier new; font-size:16px; color:CCFFFF; font-weight:bold;text-decoration: underline; border:0px solid CCFFFF; text-transform:uppercase;}
{Stylizing of your name above your picture; appears you can’t change the color of your name from here. Suggestions?}
.nametext{font-family:courier new; font-size:16px; color:CCFFFF; font-weight:bold;text-decoration:underline;border:none;text-transform:uppercase;}{date stamp on comments}.blacktext10{font-family:tahoma; font-size:8pt; line-height:10pt; color:CCFFFF;border:0px solid FFFFFF;}
{This is how all anchor points will be displayed; anchor points appear before all links.}
a, a:link,a:active,a:visited{font-family:tahoma; font-size:8pt; line-height:10pt; color:CCFFFF;text-decoration:none}a:hover{border-bottom:1px dashed FFFFFF; font-family:tahoma; font-size:8pt; line-height:10pt; color:FFFFFF;} {not used on profile}a.readmail,a.readmail:link,a.readmail:active,a.readmail:visited{font-family:tahoma; font-size:8pt; line-height:10pt; text-decoration:none;color: CCFFFF;}a.readmail:hover{font-family:tahoma; font-size:8pt; line-height:10pt; color:FFFFFF;border-bottom:1px dashed FFFFFF; }{ "View all friends" and "invite more" link style}a.redlink,a.redlink:link,a.redlink:active,a.redlink:visited{font-family:tahoma; font-size:8pt;font-weight:bold;color:FFFFFF;text-decoration:none}a.redlink:hover{font-family:tahoma; font-size:8pt; line-height:10pt; color:CC0000;border-bottom:1px dashed FFFFFF;} 
{2 links in very top on the left, and the 13 links above your picture with make the navigation bar}
a.navbar,a.navbar:link,a.navbar:active,a.navbar:visited{font-family:tahoma; font-size:8pt;color:FFFFFF;text-decoration:none}a.navbar:hover{font-family:tahoma; font-size:8pt; line-height:10pt; color:CC0000; border-bottom:1px dashed FFFFFF;}
.btext, .itext{font-family:tahoma;  font-size:8pt; line-height:10pt; color:FFFFFF;border:0px solid FFFFFF;}{ DEFAULT FONT, SIZE 8, COLORS }{unused on profile}.bwtext, .rtext, .rbtext, .subhead{font-family:tahoma; color:FFFFFF;font-size:8pt;font-weight:bold;}{ DEFAULT FONT, SIZE 8 }{unused on profile}.stext, .sbtext, .swtext{font-family:tahoma; color:FFFFFF;font-size:8pt;}{ DEFAULT FONT, SIZE 11 }{unused on profile}.head11, .text11{font-family:tahoma; color:FFFFFF;font-size:8pt;}
{ TABLE COLORS }{apparently unused?}table.grey, tr.grey, td.grey{font-family:tahoma; font-size:8pt;background:transparent;border:0px solid FFFFFF;}table.white, tr.white, td.white{font-family:tahoma; font-size:8pt;background:transparent;border:0px solid FFFFFF;}table.accent_light, tr.accent_light, td.accent_light{font-family:tahoma; font-size:8pt;background:transparent;border:0px solid FFFFFF;} table.accent_dark, tr.accent_dark, td.accent_dark{font-family:tahoma; font-size:8pt;background:transparent;border:0px solid FFFFFF;}table.action, tr.action, td.action{font-family:tahoma; font-size:8pt;background:transparent;border:0px solid FFFFFF; }table.blue_light, tr.blue_light, td.blue_light{font-family:tahoma; font-size:8pt;background:transparent;border:0px solid FFFFFF;}table.blue_dark, tr.blue_dark, td.blue_dark{font-family:tahoma; font-size:8pt;background:transparent;border:0px solid FFFFFF;}
{"Help" and "Signout" in very top in right corner}
a.man,a:link,a:active,a:visited{font-family:tahoma; font-size:8pt;color:FFFFFF; text-decoration:none;}a:hover{font-family:tahoma; font-size:8pt;color:FFFFFF; text-decoration:none;border-bottom:1px dashed FFFFFF;}
.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}
table table table table,table table table table td.text, td.text td.text table{display:none;}
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;}
body{overflow-x:hidden}

table td div {visibility:hidden;}
table table td div {visibility:visible;}
tr {background:transparent;}</style>

Layout Code

Copy and paste to I'd Like to Meet

Help

<div class="about me" style="position: absolute; left:260px;  top:450px; width:300px; height:150px; overflow: auto;"><font color="ffffff">
WRITE ABOUT YOURSELF HERE. WRITE ABOUT YOURSELF HERE!WRITE ABOUT YOURSELF HERE!WRITE ABOUT YOURSELF HERE!WRITE ABOUT YOURSELF HERE!WRITE ABOUT YOURSELF HERE!WRITE ABOUT YOURSELF HERE!WRITE ABOUT YOURSELF HERE!WRITE ABOUT YOURSELF HERE!WRITE ABOUT YOURSELF HERE!WRITE ABOUT YOURSELF HERE. WRITE ABOUT YOURSELF HERE!WRITE ABOUT YOURSELF HERE!WRITE ABOUT YOURSELF HERE!WRITE ABOUT YOURSELF HERE!WRITE ABOUT YOURSELF HERE!WRITE ABOUT YOURSELF HERE!WRITE ABOUT YOURSELF HERE!WRITE ABOUT YOURSELF HERE!WRITE ABOUT YOURSELF HERE!WRITE ABOUT YOURSELF HERE. WRITE ABOUT YOURSELF HERE!WRITE ABOUT YOURSELF HERE!WRITE ABOUT YOURSELF HERE!WRITE ABOUT YOURSELF HERE!WRITE ABOUT YOURSELF HERE!WRITE ABOUT YOURSELF HERE!WRITE ABOUT YOURSELF HERE!WRITE ABOUT YOURSELF HERE!WRITE ABOUT YOURSELF HERE!</font></div>

<div class="navigation" style="position: absolute; left:260px; top:400px; width:400px; height:70px; overflow: auto;">  
<a href="http://home.myspace.com/index.cfm?fuseaction=user" class="navigation">Home</a> | <a href="http://collect.myspace.com/index.cfm?fuseaction=invite.addfriend_verify&friendID=XXXXXXXX" class="navigation">Add Me</a> | <a href="http://collect.myspace.com/index.cfm?fuseaction=block.blockUser&userID=XXXXXXXX" class="navigation">Block Me</a> | <a href="http://messaging.myspace.com/index.cfm?fuseaction=mail.message&friendID=XXXXXXXX" class="navigation">Message Me</a> | <a href="http://viewmorepics.myspace.com/index.cfm?fuseaction=user.viewAlbums&friendID=XXXXXXXX" class="navigation">Photos</a>
</div>

<div align="center"><form method="post" action="http://comments.myspace.com/index.cfm?fuseaction=user.ConfirmComment"><input type="hidden" name="friendID" value="XXXXXXXX" /><textarea name="f_comments" id="f_comments" style=" background-color:000000!important; background-image: url(http://); background-position: top left; background-attachement: fixed; background-repeat: repeat; border-width:1px!important; border-color:CC0000!important; border-style:solid!important; font-family:Arial!important; font-size:9px!important; font-weight:normal; color:ffffff!important; width:150px!important; height:60px!important; line-height:17px !important; ">enough for forever...</textarea><br /><input type="submit" value="Submit" style=" width:150px!important; height:15px!important; background-color:000000!important; background-image: url(http://); background-position: top left; background-attachement: fixed; background-repeat: repeat; border-width:1px!important; border-color:CC0000!important; border-style:solid!important; font-family:Arial!important; font-size:9px!important; font-weight:normal; color:CC0000!important; letter-spacing:1px !important; " /></form></div>

Layout Comments

Showing latest 10 of 12 comments

this is amazing! ^_^
i absolutely loved the twilight movie!
i went to see it opening weekend!

By iERIKA on Nov 28, 2008 11:28 pm

love the layout, its amazing. and i love the fact that it is twilight, keep up the good work :D

By JunkieDoll on Nov 25, 2008 9:03 am

okiie ii luv d3e layout buh um........ kan yu make it so that the musik player doesnt show??

By gtzdevil24 on Nov 20, 2008 3:39 pm

I'm kinda getting sick of the whole Twilight thingy ._.
It's cool and all
But I think it's gone wayyyyy too far
It's Twilight left and right

But I do like this layout XD
Hahaha
Call me a hypocrite

By Firiath on Oct 24, 2008 4:54 am