Sleepless

Myspace Layouts / Div Overlay

Designer's Comments

Look carefully for specific instructions

Please remember to keep the link in tact and enjoy the design.

guren!

layout archive + services > baretta.uni.cc

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

td, .text, div, input {color:!important;} 
span, b {color: !important;} 
a {color: !important;} 
img {border:0px;visibility:visible;} 
table, tr, td {background:transparent; border:0px;} 
div table table table td font {visibility:visible;} 
table table table embed {position:static;} 
table table table table a, table table table table div, 
table table table table div a, .frm1 input {visibility:visible;} 
table table, table table td {padding:0px; height:0px;} 
table td div {visibility:hidden;}
table table td div {visibility:visible;}
tr {background:transparent;}
div table td font {visibility:hidden; display:none;}
table tr td div div{display:none;visibility:none} 
body div table tbody tr td font {visibility:hidden; display:none; }

.orangetext15, .whitetext12,.nametext, .blacktext12, .blacktext10, .btext, .redbtext, .redtext, .redlink { font-size:8pt; color:fff; visibility:visible; }
.latestblogentry, .blurbs {display:none;}
.contactTable {display: none;}
.text {color: 0072BC; font-weight: normal; text-decoration: none; letter-spacing: 0px; text-transform: ; padding: 0px; line-height: 10px;} 
.nametext { display:none; visibility:hidden; } 
body div table tbody tr td font {visibility:hidden;}
.navigationbar, .navbar font, .navbar a {visibility:hidden; display:none; }
.lightbluetext8, .extendedNetwork { display:none; visibility:hidden; }

body div table td form option{display:none!important;}
body div table td form select{display:none!important;}
body div table td form input{display:none!important;}

select {position:relative !important; top:-1000px;}
td td td select {position:static !important;}
div table div form {display:none !important}
.bodyContent table table div form {display:inline !important;}

div table td font {visibility:hidden;}
div table table td font a {visibility:hidden;}
table td div {visibility:hidden;}
table table td div {visibility:visible;}

.nav { 
background-color:transparent; 
position:absolute; 
z-index:2; 
top:0; 
margin-top:490px;
left: 0;
margin-left: 475px;
text-align:left; 
visibility:visible;
width:150px;}

.aboutme { 
background-color:transparent; 
width: 550px; 
position:absolute; 
z-index:2; 
top:0;
margin-top:680px;
left:95px;
margin-left: 0;
text-align:justify; 
visibility:visible; 
font-size: 8pt;}

.div { 
background:none; 
overflow:auto; 
position:absolute; 
z-index:2; 
top:200; 
left: 0;
margin-left: 0;
text-align:left; 
visibility:visible;}

div.nav a {
text-align: center;
font: 8pt "tahoma";
letter-spacing:1px;
text-transform:lowercase;
display:block;
padding:2px;
margin-right: 10px;
line-height:18px;
width:150px;}

div.nav a:link,.nav a:visited, div.nav a:active {
color:fff;
display:block;
font-style:normal;
border-bottom:1px solid;
border-bottom-color:414141;
background:none;}

div.nav a:hover {
color:fff;
display:block;
font-style:normal;
border-bottom:1px solid;
border-bottom-color:CBCBCB;
}

font, td, a, table, td, li, p, div, li, h1, h2, p, br {
font-family:tahoma;
font-size: 8pt; 
color:707070; 
font-weight: normal; 
text-decoration: none; 
letter-spacing: 0px; 
padding: 0px; 
line-height: 25px;}

h1 {
font: 15pt "georgia";
text-align: left;
letter-spacing: 2px;
text-transform: lowercase;
margin: 0 0 10px 0;
padding:1px 5px;
color:fff; 
background-color:2C2C2C;
font-weight:bold;}

div.title { 
font: 15pt "times new roman";
text-align: left;
letter-spacing: 5px;
text-transform: uppercase;
position:absolute; 
z-index:2; 
top:50%; 
margin-top:80px;
left: 50%;
margin-left: -120px;
color:fff;}

.extra { 
background-color:transparent; 
position:absolute; 
z-index:2; 
top:0; 
margin-top:350px;
left: 0;
margin-left: 350px;
text-align:left; 
visibility:visible;
text-align:center;
width:360px;}

.comment { 
background-color:transparent; 
position:absolute; 
z-index:2; 
top:0; 
margin-top:495px;
left: 0;
margin-left: 135px;
text-align:left; 
visibility:visible;}

.comment textarea { 
font-family:georgia;
font-size:17pt;
letter-spacing:-2px;
font-weight:bold;
color:fff;
width:320px;
height:100px;}

.comment input { 
width:320px;}

.r { Layout by Fainaru - fainaruu.uni.cc }

a:link, a:visited, a:active {color:fff; text-decoration: none; font-weight:bold;}
a:hover {cursor: default; color: fff; text-decoration: none; border-bottom:2px solid;border-bottom-color:4E4E4E;}

input, textarea { 
color:414141;
font-size:8pt;
font-family:Verdana;
background-color:232323;
border-width:1px; border-style:solid; border-color:414141;
cursor:default;}

textarea { line-height:18px; }

blockquote.quote { 
font-style:italic;
color:707070;
background-color:232323;
border-width:1px; border-style:solid; border-color:414141;
cursor:default;
text-align:center;
margin: 0 50px 30px 55px;
padding: 5px 10px 5px 10px;}

blockquote {
background:transparent;
border: transparent 0px solid;
margin: 20px 50px 20px 55px;
padding: 10px 10px 30px 10px;}

</style>
<style type="text/css">div table td font {display: none;}</style>

</td></tr></table></td></tr></table></td></tr></table></div>

<div class="comment"><h1 style="background:none; margin-left:30px;">Your site title</h1>
<form method="post" action="http://comments.myspace.com/index.cfm?fuseaction=user.ConfirmComment"><input name="friendID" value="XXXXXXXX" type="hidden"> <textarea name="f_comments" cols="45" rows="5">Comment</textarea><br /><input type="submit" value="COMMENT"></form></div>

<div class="nav">
<a href="http://home.myspace.com/index.cfm?fuseaction=user&MyToken=e118c948-47dd-4cba-9fa4-ef19fc0f1c04">Home</a> 
<a href="http://collect.myspace.com/index.cfm?fuseaction=invite.addfriend_verify&friendID=XXXXXXXX">Add</a>
<a href="http://viewmorepics.myspace.com/index.cfm?fuseaction=user.viewPicture&friendID=XXXXXXXX">Pictures</a>
<a href="http://blog.myspace.com/index.cfm?fuseaction=blog.ListAll&friendID=XXXXXXXX">Blog</a>
<a href="http://mail.myspace.com/index.cfm?fuseaction=mail.message&friendID=XXXXXXXX">Message</a>
<a href="http://baretta.uni.cc/">Credit</a>
<a href="http://textuures.uni.cc/">Resources</a>

</div>

<div class="extra">
Extra Space<br>
<img src="http://cbimg6.com/layouts/08/02/03/25182ac.gif"><img src="http://cbimg6.com/layouts/08/02/03/25182ac.gif">
</div>

<blockquote class="quote">counting with my fingers, i dont want tomorrow to dissapear; <b>guren</b></blockquote>

<h1>Sleepless by Fainaru</h1>
<b>February 3, 2008</b><br>
Guren is completely awe inspiring. I'm eternally grateful for this treasure created by the GazettE.<br><br>

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Vivamus hendrerit porta nulla. Vestibulum vestibulum dui et nisi. Maecenas dapibus ante. Maecenas velit lacus, accumsan aliquam, imperdiet at, facilisis vitae, tortor. Vivamus mi. Cras eget risus. Aenean bibendum nonummy purus. Sed nulla tellus, rutrum ut, commodo in, placerat sit amet, purus. Ut blandit, pede vitae laoreet lacinia, ante metus placerat erat, a rutrum odio odio non pede. Morbi dapibus urna quis risus. Nam tellus turpis, feugiat sit amet, tincidunt non, faucibus pellentesque, pede.<br><br>

Remember, I do custom designs, but read details <a href="http://baretta.uni.cc/"title="baretta.uni.cc">here</a> first. Follow the terms to use this design.

<br><p align="right"><b>Tested on Firefox, IE and Opera</a></b></p><br>

<h1>Terms</h1>
<ul type="circle">
<li>No redistributing this layout.</li>
<li>Keep a credit link somewhere.</li>
<li>Leave the image + stylesheet as it is.</li>
</ul>

<br>

<blockquote>
<h1>CSS Elements</h1>

Font <b>Bold</b> <i>Italic</i> <u>Underline</u> <s>Strike</s> <a href="">Link</a><br><br>

<form method="post" action="http://comments.myspace.com/index.cfm?fuseaction=user.ConfirmComment"><input name="friendID" value="XXXXXXXX" type="hidden"> <textarea name="f_comments" cols="50" rows="6">Sample Comment Box</textarea><br /><input type="submit" value="COMMENT"></form>

</blockquote>

Layout Code

Copy and paste to I'd Like to Meet

Help

Layout Comments

Showing latest 10 of 20 comments

it's nice

By Janess on Dec 26, 2008 11:06 pm

My profile picture is showing too. What can I do to hide it??

By uniquelyerratic on Mar 8, 2008 4:47 pm

So I just realized that black area I mentioned before is my profile pic still showing [just a tad bit] how can I stop this from happening?

By ReigninKING on Feb 23, 2008 5:12 am

how do you fix the code so the profile pic and headline don't show up???? LOVE the layout!!!!!!!!

By coffeediva300 on Feb 19, 2008 6:52 pm

networks aren't hidden, but easily fixable. excellent design.

By Harringay on Feb 14, 2008 9:57 pm

Hi. I love this layout but my slideshows and music player doesn't work with it. help!

By fishface on Feb 14, 2008 8:37 am

For some reason when I tried to use this code a weird area appears in the upper black area [above Sleepless] and it turns out it's a link to my pics...I don't understand why it's there. I have a pic of what I'm talking about [sorry it's small]

http://i50.photobuck et.com/albums/f348/UnTouchable 0515/ProblemwithSleeplesslayou t.jpg

By ReigninKING on Feb 10, 2008 6:41 am

2 thumbs up !!!!!!!!

By astronaut on Feb 6, 2008 10:24 pm

I LOVE THIS,U SHOULD MAKE MORE LAYOUTS WITH THE FRIEND & COMMENTS :]

By kalandro on Feb 4, 2008 6:17 pm

this is really nice!! u should make some more of these but with a different design:)

By zuri47mex on Feb 4, 2008 5:44 pm

View all »

Layout Details

Designer	fainaru
Submitted on	Feb 3, 2008
Page views	38,517
Favorites	297
Comments	20
Reviewer	miyashu
Approved on	Feb 3, 2008

Sleepless

Designer's Comments

Using This Layout

Update Friend ID

Layout Code

Layout Code

Layout Comments

Layout Details

Layout Tags

Layout Tools

Layout Affiliates