A Light In The Dark (updated)

Designer's Comments

Look carefully for specific instructions

INFORMATION
I'm actually really proud of this layout. I loved the way it came out, and it took me quite a while until I was content with its appearance. I hope you all enjoy it as well.

THE NAVBAR AND PROFILE ARE HIDDEN, just not in the preview on here.

Don't forget to replace the XXXXXXX with your friendID.

RULES
1. Please do not steal this code/layout. Honestly, if you can't make one, ask for help, instead of passing off work as your own. CB has great tutorials to get you started on making your own DIV layout.
2. Please do not remove the credit, seriously. Just don't.

SIDE NOTE
This layout does require previous knowledge of both HTML and CSS. Please do not use this layout if you have no clue at all of what to do. I can try and help you but, I'm rarely online/answer messages. CB has a great selection of standard layouts as well which are easier to use.

CREDITS
Every thing was coded and created by me, special thanks goes to RockitStudios for their hide the myspace profile and new navigation bar script.

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

embed, object {
position:absolute; 
top:800px; left:310px;
}

b {color:333333;}

.layout {
position:absolute; 
left:300px; 
top:200px; 
overflow:visible; 
background-color:transparent; 
border:0px; 
}

.content {
position:absolute;
overflow:auto; 
background-color:transparent; 
border:0px; padding:0px; 
width:405px; height:340px; 
top:450px; left:440px;
}

div {
font-weight:normal;
font-size:11px;
font-family:verdana; 
text-decoration:none; 
color:696969;
}

.title {
display:block;
font-weight:normal; 
text-decoration:none; 
background-color:transparent; 
font-family:georgia; 
color:1a1a1a;
letter-spacing:-2px;
font-size:30px;
line-height:29px;
text-transform:lowercase; 
text-align:left;
margin-bottom:5px;
margin-top:5px;
}

a:link, a:visited, a:active {
font-family:verdana;
font-size:11px;
font-weight:normal;
text-decoration:none;
color:8A8A8A;
}

a:hover {
font-family:verdana;
font-size:11px;
font-weight:normal;
text-decoration:none;
color:333333;
cursor:crosshair; 
background-color:transparent; 
}

a img {
border:0px;
filter: alpha(opacity=45);
opacity: .4;
padding: 0px!important;
}

a:hover img {
border:0px;
filter: none;
opacity: 1;
cursor:crosshair;
}

a.nav1:link, a.nav1:visited, a.nav1:active, a.nav1 {
text-decoration:none;
font-weight:normal;
text-align:center; 
background-color:080808;
color:333333;
font-family:trebuchet ms;
letter-spacing:1px;
font-size:11px;
width:120px!important;
height:25px; 
padding-top:7px;
display:block;
margin-bottom:3px;
}

a.nav1:hover {
background-color:000000;
color:2D97C1;
cursor:crosshair; 
font-family:trebuchet ms;
letter-spacing:1px;
}

.links {
position:absolute;
overflow:visible;
background-color:transparent; 
left:310px; top:450px; 
}
</style>

<div class="content">
<span class="title">the story</span>
<b>Bold</b>, <u>Underlined</u>, <i>Italic</i>, <a href="http://envisionartist.createblog.com">Link</a> 
<br /><br />
Replace with your about me. Replace with your about me. Replace with your about me. Replace with your about me. Replace with your about me.

<span class="title">details</span>
<b>Location:</b> New York, US <br />
<b>Age:</b> Seventeen <br />
<b>Status:</b> Single <br />
<b>Orientation:</b> Straight <br />
<b>Religion:</b> Agnostic <br />
<b>Occupation:</b> Student

<span class="title">interest</span>
Your interest here. Your interest here. Your interest here. Your interest here. Your interest here. Your interest here. Your interest here. Your interest here. Your interest here. Your interest here. Your interest here. 
</div>

<div class="links">
<a href="http://home.myspace.com/index.cfm?fuseaction=user" class="nav1">home</a>
<a href="http://friends.myspace.com/index.cfm?fuseaction=invite.addfriend_verify&friendID=XXXXXXXX" class="nav1">add</a>
<a href="http://friends.myspace.com/index.cfm?fuseaction=block.blockUser&userID=XXXXXXXX" class="nav1">block</a>
<a href="http://viewmorepics.myspace.com/index.cfm?fuseaction=user.viewAlbums&friendID=XXXXXXXX" class="nav1">photos</a>
<a href="http://messaging.myspace.com/index.cfm?fuseaction=mail.message&friendID=XXXXXXXX" class="nav1">message</a>
<a href="http://comment.myspace.com/index.cfm?fuseaction=user.viewProfile_commentForm&friendID=XXXXXXXX" class="nav1">comment</a>
<a href="http://comment.myspace.com/index.cfm?fuseaction=user.viewProfile_commentForm&friendID=XXXXXXXX" class="nav1">friends</a>
<a href="http://blog.myspace.com/index.cfm?fuseaction=blog.ListAll&friendID=XXXXXXXX" class="nav1">journal</a>
<a href="http://37am.net" class="nav1">credit</a>
</div>

Layout Comments

Showing latest 10 of 17 comments

I love the black on blue effect. I think it goes quite well. :)
I adore the image. It's very original and i like the way you have the text at a slant. It gives off an air of uniqueness. Kudos to you ^_^

By Decode on Aug 26, 2008 8:22 pm