Halo Vintage

Designer's Comments

Look carefully for specific instructions

So, this is probably the layout I've spent the most time on, but it's also probably my least favorite of my layouts. Oh well.. It's finished, at least! Based of the song Halo by Beyonce. I love the lyrics.. :) BEST VIEWED IN FIREFOX!

Make sure you replace all the XXXXX's with your own friend id, that's very important. If you need more help, there's more detailed instructions in the layout code, please read everything before emailing me.

More on Myspace, add me! :)

If you want the frames, search 'frames' on deviantart.

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

body { 
  background-color:333333;
  background-image: url(http://cbimg6.com/layouts/09/08/35423aa.png);
  background-position:0px 0px; 
  background-repeat: repeat;
  background-attachment: scroll; 
  overflow-x:hidden
  background-attachment:fixed; 
  scrollbar-arrow-color: 414041;
  scrollbar-track-color: b1b1b1;
  scrollbar-face-color: 6c6c6c;
  scrollbar-highlight-color: 6c6c6c;
  scrollbar-3dlight-color: 6c6c6c;
  scrollbar-darkshadow-color: 6c6c6c;
  scrollbar-shadow-color: 6c6c6c;
}

{text}
table, tr, td, li, p, div {  color:ffffff; font-family:Candara,Arial; font-size:11px;  font-weight: bold;   }

a:active, a:visited, a:link{  color:c8fff8; font-family:Candara,Arial; font-size:11px; text-transform: uppercase;  }

a:hover {  color:ffffff; font-size:10px;  font-weight:bold;  }

b {color:ffffff; font-family:Candara; font-weight:bold; font-size:15px;}

i {color: ffffff; font-family: Candara; font-weight: italic;}

u{font-family:Arial;font-size:9px;color:000000;
font-weight:bold;
letter-spacing:0px;
text-transform:uppercase;
letter-spacing:0px;}
 
{divs}

.friendsComments {
visibility:visible;
width:811px;
position:absolute;
top:875px;
left:25px;
margin-left:57px;
background-color:transparent;
border:black 0px solid;
z-index:2;
}

.bg1
{background-color: transparent;
background-image: url(http://cbimg6.com/layouts/09/08/35423ab.png);
background-attachment: scroll;
background-position:28px 93px; 
background-repeat:no-repeat;
position:absolute;
top:0px;
left:0px;
scroll:hidden;
display:block;
width:1250px;
height:1024px;
z-index:1;}

.home{
height:52px; 
width:239px; 
background-COLOR:transparent; 
background: url(http://cbimg6.com/layouts/09/08/35423ac.png);
background-position:top left;
background-repeat: no-repeat; 
display: block;}

.home:hover{background-position:bottom right;}

.homecon {
background-color:transparent;
background-image:none;
border:none;
width:auto;
height: auto;
overflow-x:hidden;
position:absolute; 
left:98px;
top:546px;
margin-left:0%;
margin-top:0%;
visibility:visible;
z-index:6;}

.add{
height:47px; 
width:239px; 
background-COLOR:transparent; 
background: url(http://cbimg6.com/layouts/09/08/35423ad.png);
background-position:top left;
background-repeat: no-repeat; 
display: block;}

.add:hover{background-position:bottom right;}

.addcon {
background-color:transparent;
background-image:none;
border:none;
width:auto;
height: auto;
overflow-x:hidden;
position:absolute; 
left:98px;
top:598px;
margin-left:0%;
margin-top:0%;
visibility:visible;
z-index:6;}

.blck{
height:45px; 
width:239px; 
background-COLOR:transparent; 
background: url(http://cbimg6.com/layouts/09/08/35423ae.png);
background-position:top left;
background-repeat: no-repeat; 
display: block;}

.blck:hover{background-position:bottom right;}

.blckcon {
background-color:transparent;
background-image:none;
border:none;
width:auto;
height: auto;
overflow-x:hidden;
position:absolute; 
left:98px;
top:645px;
margin-left:0%;
margin-top:0%;
visibility:visible;
z-index:6;}

.pix{
height:47px; 
width:239px; 
background-COLOR:transparent; 
background: url(http://cbimg6.com/layouts/09/08/35423af.png);
background-position:top left;
background-repeat: no-repeat; 
display: block;}

.pix:hover{background-position:bottom right;}

.pixcon {
background-color:transparent;
background-image:none;
border:none;
width:auto;
height: auto;
overflow-x:hidden;
position:absolute; 
left:98px;
top:690px;
margin-left:0%;
margin-top:0%;
visibility:visible;
z-index:6;}

.blog{
height:45px; 
width:239px; 
background-COLOR:transparent; 
background: url(http://cbimg6.com/layouts/09/08/35423ag.png);
background-position:top left;
background-repeat: no-repeat; 
display: block;}

.blog:hover{background-position:bottom right;}

.blogcon {
background-color:transparent;
background-image:none;
border:none;
width:auto;
height: auto;
overflow-x:hidden;
position:absolute; 
left:98px;
top:737px;
margin-left:0%;
margin-top:0%;
visibility:visible;
z-index:6;}

.msg{
height:61px; 
width:239px; 
background-COLOR:transparent; 
background: url(http://cbimg6.com/layouts/09/08/35423ah.png);
background-position:top left;
background-repeat: no-repeat; 
display: block;}

.msg:hover{background-position:bottom right;}

.msgcon {
background-color:transparent;
background-image:none;
border:none;
width:auto;
height: auto;
overflow-x:hidden;
position:absolute; 
left:98px;
top:782px;
margin-left:0%;
margin-top:0%;
visibility:visible;
z-index:6;}

.cred{
height:32px; 
width:141px; 
background-COLOR:transparent; 
background: url(http://cbimg6.com/layouts/09/08/35423ai.png);
background-position:top left;
background-repeat: no-repeat; 
display: block;}

.credcon {
background-color:transparent;
background-image:none;
border:none;
width:auto;
height: auto;
overflow:hidden;
position:absolute; 
left:142px;
top:841px;
margin-left:0%;
margin-top:0%;
visibility:visible;
z-index:6;}

.cmt{
height:84px; 
width:258px; 
background-COLOR:transparent; 
background: url(http://cbimg6.com/layouts/09/08/35423aj.png);
background-position:top left;
background-repeat: no-repeat; 
display: block;}

.cmtcon {
background-color:transparent;
background-image:none;
border:none;
width:auto;
height: auto;
overflow:hidden;
position:absolute; 
left:778px;
top:516px;
margin-left:0%;
margin-top:0%;
visibility:visible;
z-index:6;}

.vwfrnds{
height:84px; 
width:258px; 
background-COLOR:transparent; 
background: url(http://cbimg6.com/layouts/09/08/35423ak.png);
background-position:top left;
background-repeat: no-repeat; 
display: block;}

.vwfrndscon {
background-color:transparent;
background-image:none;
border:none;
width:auto;
height: auto;
overflow:hidden;
position:absolute; 
left:740px;
top:605px;
margin-left:0%;
margin-top:0%;
visibility:visible;
z-index:6;}

.yourpic
{background-color: transparent;
background-attachment: scroll;
position:absolute;
top:435px;
left:465px;
display:block;
padding:0px;
width:153px;
height:231px;
z-index:4;
overflow:hidden;
text-align:justify;}

.aboutme
{background-color: transparent;
background-attachment: scroll;
position:absolute;
top:675px;
left:400px;
display:block;
padding:0px;
width:275px;
height:150px;
z-index:4;
overflow:auto;
text-align:justify;}
.profileInfo, profileV1main, .extendedNetwork, .latestBlogEntry, .interestsAndDetails, .userProfileURL, .friendsComments, .userProfileNetworking, .userProfileSchool, .userProfileDetail, .userProfileCompany, .friendSpace, .contactTable, .orangetext15 { display:none; }

body table {margin-top803d00:-5000px;}
body td table, body div table {margin-top: 0;}
body div div table td {background-color:baeb5a;}
body div table form{display:none;}
.navbar, div table td font {visibility:hidden !important;}

table div { display:none; }
div table div, table table div { display:block; }

</style>

Layout Code

Copy and paste to I'd Like to Meet

Help

<div class="aboutme">
[Name:] <a href="http://www.myspace.com/ec_lectic">ecLectic Layouts</a> ( Add me!! :] ) <br>
[Location:] Michigan <br>
[Age:] 20<br>

<p>
<i>This is italic text!</i>
<b>This is bold text! </b>
<u>This is underlined text!</u>
<p>Read below if you need help setting up a div layout.

DIRECTIONS:Type your about me section here, or your Who I'd Like To Meet, and any other interesting tidbits about you. You can get creative and put images and whatever else you'd like on here, too! Videos, links, images, whatever you want. Make sure you replace all XXXXXX's with your own friend id < that is VERY IMPORTANT!!

<p>Look for HaloYourPic.png in this layout and replace that address with the address of the picture you want to use. If you don't know how to change pictures, go to Photobucket, upload the picture, then get the address. Yes, it's that simple.

<p><b>Please make sure you keep the "layout made by" image on there, so people know where the layout came from.</b>

<p>Other than that.. Have fun! Please make sure you have knowlegde of HTML and CSS before using this layout!!! <b>I will not set the layout up for you!</b> If you have any other questions, you can email me: eclecticlayouts@hotmail.com. Thanks for using! 
</div>

Layout Comments

Showing latest 10 of 16 comments

is there any possible way for you to make this for version 2.0?

By SweetMexi on Oct 29, 2010 4:13 pm

i love it the design, but i hate that song :/
hmm, can you do a similar design with no lyrics added ?

By TiffanieBlews on Oct 25, 2009 10:53 pm

it wont work help me

By alientwilight on Sep 8, 2009 2:31 pm

Its not working on mine, weird. But good layout

By MysticQT on Aug 9, 2009 7:59 pm

Superbly done. I love it all. ALL. :o)

By Karisa85 on Aug 7, 2009 10:38 pm

its a tripp but i love it :D

By tootsix on Aug 7, 2009 5:03 pm

It's really cool. I love the color tones and everything, but I keep getting an icky horizontal bar. Maybe it's just my computer. I dun know. But good job. (:

By BlackRabbit on Aug 6, 2009 7:16 pm