Red Geisha

Myspace Layouts / Div Overlay

Designer's Comments

Look carefully for specific instructions

Ok this is working in IE and FF.

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

table, tr, td { background-color:000000; border:none; border-width:0;}
body {
background-image:url('http://cbimg6.com/layouts/07/12/21/23962aa.png');
background-attachment:scroll;
background-position:center;
background-repeat:repeat;
background-color:521a1a;
scrollbar-arrow-color: ffff22;
scrollbar-3dlight-color:521a1a;
scrollbar-highlight-color: 521a1a;
scrollbar-face-color: 521a1a;
scrollbAr-shadow-color: 521a1a;
scrollbar-darkshadow-color: 521a1a;
scrollbar-track-color: 521a1a;
font-family: small fonts;
font-size: 7pt;
font-weight: none;
color:521a1a;
}

.about{
position:absolute; overflow:auto;width:325px;height:600; left:50%; margin-left:110px; top:600px; font-family:verdana; color:ffbb11; font-size:12px; line-height:13px; letter-spacing:1px; text-align:center; border:none; display:block;}

.more{
position:absolute; overflow:auto; width:500px;height:750px; left:50%; margin-left:-460px; top:800px; font-family:verdana; letter-spacing: 1px; font-size:12px; line-height:13px; color:ffbb11; text-align: center; border:none; display:block;}

.navi{
position:absolute; overflow:auto;width:325px;height:600; left:50%; margin-left:110px; top:155px; font-family:verdana; letter-spacing: 0px; font-size:12px; line-height:13px; color:ffbb11; text-align: center; border:none; display:block;}

a:link, a:visited{
font-family:verdana;
font-size:12px;
color:ffbb11;
text-decoration:none;
letter-spacing:0px;
background-color:transparent;
font-weight:normal;}

a:hover, a:active{
font-family:trebuchet ms;
font-size:11px;
color:ffff22;
text-decoration:none;
letter-spacing:0px;
padding:0px;
font-weight:bold;
padding:0px;}

b{
font-family:verdana;
font-size:11px;
font-weight:bold;
color:ffbb11;
text-decoration:none;
padding:0px;
background-color:transparent;}

i{
font-family:arial;
font-size:11px;
font-weight:normal;
text-decoration:italic;
color:ffbb11;
padding:0px;}

s, del{
font-family:verdana;
font-size:10px;
font-weight:normal;
text-decoration:line-through;
color:ffbb11;
padding:0px;
text-transform:lowercase;}

u{
font-family:verdana;
font-size:12px; 
font-weight:normal;
text-decoration:underline;
color:ffbb11;
padding:0px;
text-transform:uppercase;
border-bottom:1px dashed;
letter-spacing:0px;
border-color:transparent!important;}

div table tr td form{visibility:hidden;} div table tr td select{visibility:hidden;} div table tr td option{visibility:hidden;} div table tr td profilelinks{visibility:hidden;}div select{display:none;}
googleTLogo {display:none;} .a div div select, div div form {display:none;} 
.navbar {display:none;} embed, object{display:none;}.contacttable, .whitetext12, .nametext, .lightbluetext8, .orangetext15, .blacktext12,.btext, .redtext, .redbtext {
display:none;height: 0 !important;visibility:hidden;}td td td td {border:0px;width:0px;text-align:left;}table,td {padding:0px;width:0;background-color:transparent;}table table table {padding:0px;height:0%;width:0%;}table table,table table table table,table,td {
height:0px !important;border:0px !important;}a.text,table div font a,table div div,.navbar font,tr td font {visibility:hidden;
display:none;height: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;}

</style>

Layout Code

Copy and paste to I'd Like to Meet

Help

</div>

<div class="about">
Normal text<BR>
<b>Bold</b><BR>
<i>Italic</i><BR>
<u>Underlined</u><BR>
<s>Strikethrough</s>

<br><br>
<br><br>
<center><u>Extra Space</u>
<br><br>
<br><br>
<center><i>

Here is a space for 
whatever you might want
to put here. If you put
too much in here, or any of
the other div's you will get 
an ugly scroll bar. It would 
be better to just add height 
to the divs.</i>

</div>

<u>~Poetry~</u>
<br><br><center>
There is no difficulty that enough love will not conquer;
no disease that enough love will not heal; 
no door that enough love will not open; 
no gulf that enough love will not bridge; 
no wall that enough love will not throw down; 
no sin that enough love will not redeem...
It makes no difference how deeply seated may be the trouble;
how hopeless the outlook; how muddled the tangle; how great the mistake.
A sufficient realization of love will dissolve it all.
If only you could love enough you would be
the happiest and most powerful being in the world...
<br><br>
<u>~Emmet Fox~</u>
</div>
<div class="navi">
<center><u>
 My Information
</u>

<center>
<b>Online Name:</b> Your AKA<br>
<b>Real Name:</b> Your Name<br>
<b>DOB:</b> Age<br>
<b>Zodiac:</b> Your Sign<br>
<b>Status:</b> Your Status<br>
<b>Gender:</b> Check Yourself<br>
<b>Likes:</b> What Are They?<br>
<b>Dislikes:</b> What Are They?<br>
<b>County:</b> USA<br>
<b>State:</b> AZ.<br>
<b>City:</b> Not Telling
<br><br><br><br>

<center><u>Navigate My Page</u>
<br><br>

<a href="http://mail.myspace.com/index.cfm?fuseaction=mail.message&friendID=XXXXXXXX"class="navigate">Message Me</a>
<br><br>

<a href="http://home.myspace.com/index.cfm?fuseaction=user.viewfriends&friendID=XXXXXXXX"class="navigate">My Friends</a>
<br><br>

<a href="http://www.myspace.com/index.cfm?fuseaction=user.viewComments&friendID=XXXXXXXX"class="navigate"> Comments</a>
<br><br>

<a href="http://blog.myspace.com/index.cfm?fuseaction=blog.ListAll&friendID=XXXXXXXX"class="navigate">Blogs</a>
<br><br>

<a href="http://viewmorepics.myspace.com/index.cfm?fuseaction=user.viewPicture&friendID=XXXXXXXX"class="navigate">My Pictures</a>
<br><br>

<a href="http://www.myspace.com"class="navigate">Home Sweet Home</a>

</div></div>

</div></div>
</div>
</div>
<div

</style>

Layout Comments

Showing latest 10 of 12 comments

I can see part of the oringinal backround to the right of the picture.. nothing too big. Other than that it works well in Opera too!

By dilligrout on Aug 30, 2008 3:55 pm

even though it looks misaligned.. i like it somehow..

By xBUTTMUNCHx on May 9, 2008 10:47 pm

I am not sure then, sorry....you might want to make sure that you have it set to automatically play. If that doesnt work, then I dont know what is wrong.

By mickaylal on Dec 24, 2007 2:24 am

I tried and it still didnt play

By lionsmane on Dec 24, 2007 1:59 am

I think you need to paste it in music and put it to automatically play.

By mickaylal on Dec 24, 2007 1:42 am

I love the layout but how do you add music to it cause my music wont play

By lionsmane on Dec 23, 2007 11:47 pm

image quality could be better, but I like it

By IVIike on Dec 23, 2007 3:24 pm

Cute :) I think the background is a bit innapropiate; maybe a solid color? That's just me, though. Nice!

By umbreon on Dec 22, 2007 12:07 pm

very nice. however, a solid color background could be better for the content area. the yellow iis a bit too bright. but it's very creative. nice. and btw, i think there's too mch space at the bottom.

By twodreamlovers on Dec 22, 2007 10:28 am

this is beautiful! i love everything about it!

By missk on Dec 21, 2007 7:48 pm

View all »

Layout Details

Designer	mickaylal
Submitted on	Dec 21, 2007
Page views	18,412
Favorites	122
Comments	12
Reviewer	S-Majere
Approved on	Dec 21, 2007

Red Geisha

Designer's Comments

Using This Layout

Update Friend ID

Layout Code

Layout Code

Layout Comments

Layout Details

Layout Tags

Layout Tools

Layout Affiliates