Music hi5 Layout

We love this Music hi5 layout. It is really colorful, bright and energetic and it makes me want to dance. You can almost feel the beat in the background once you apply this layout to your profile. You can add in some great music with hi5's music selector and you will have a pumpin profile in no time.

To install this hot layout just follow the simple hi5 instructions that appear below.

Instructions to Apply

.bg_title, .p_title_nonotch, .bg_groups, .bg_journal, .bg_comments, .bg_classmates, .bg_network {
color: #FFFFFF;
}

/* This is the main body. Change text color here */
.bg_content {
background: url('http://www.hi5alive.com/layouts/music1/custom-bg.png') repeat-y;
background-color: white;
color: black;
}

/* Main page link */
.bg_content a:link { color: #2A1209; }
.bg_content a:visited { color: #2A1209; }
.bg_content a:active { color: #2A1209; }
.bg_content a:hover { color: #623318; }

/* Link in the friends section */
.link_blue a:link { color: #2A1209; } 
.link_blue a:visited { color: #2A1209; }
.link_blue a:active { color: #2A1209; }
.link_blue a:hover { color: #623318; }

/* Secondary body content. Change text color here */
.box_profile_info_small_content { color: black; }
.box_profile_info_large_content { color: black; }

.bg_title
{
background: url('http://www.hi5alive.com/layouts/music1/top-bar.jpg') repeat-x;
}

.text_header {
background: url('http://www.hi5alive.com/layouts/music1/top-bar.jpg') repeat-x;
font-weight: bold;
color: white;
border: 0px;
}

/* top bar - last login text */
.box_profile_connections {
border: 0px;
color: white;
}

/* Left hand side where your picture is */
.box_profile_picture
{
border: 0px solid black;
background-color: #131313;
height: 281px;
width: 176px;
color: #ffffff;
}

.box_profile_picture a:link { color: white; }
.box_profile_picture a:visited { color: white; }
.box_profile_picture a:active { color: white; }
.box_profile_picture a:hover { color: #E2E0D3; }

.box_profile_picture_links a:link { color: white; }
.box_profile_picture_links a:visited { color: white; }
.box_profile_picture_links a:active { color: white; }
.box_profile_picture_links a:hover { color: #E2E0D3; }

/* This only shows when your not viewing your profile */
.box_profile_picture_links
{
margin-top: -1px;
color: #ffffff;
background-color: #131313;
width: 180px;	
border-right: 1px solid #131313;
}

/* This is the middle main content area */
.box_profile_info_small
{
border: 0px solid black;
background: url('http://www.hi5alive.com/layouts/music1/gradient.jpg') no-repeat right;
background-color: #FBCB69;
color: black;
}

.box_profile_links
{
border: 0px solid black;
color: black;
}

/* Change the text color of groups here */
.box_content_profile_groups
{
border: 0px solid black;
color: black;
background-color: white;
}

.bg_classmates .text_header
{
border: 0px solid black;
background-color: white;
font-weight: bold;
color: white;
margin-top: 0px;
}

/*
#Hi5Medium 
{
width: 0px;
height: 0px;
}
*/

#footer
{
background: url('http://www.hi5alive.com/layouts/music1/footer.jpg') repeat-x;
height: 45px;
color: #ffffff;
}

#friends
{
border: 0px solid black;
background-color: white;
}

/* Friends links */
#footer a:link, #footer a:visited, #footer a:active {
font-size: 11px;
font-weight: bold;
color: #FFFFFF;

}
#footer a:hover {
font-size: 11px;
font-weight: bold;
color: #E8AC45;
}

/* Custom banner at the top */
.cust_header 
{
background: url('http://www.hi5alive.com/layouts/music1/header.jpg') no-repeat;
position: relative;
left: 0px; top: 0px; 
width:956px; height: 80px; 
margin-bottom: 0px;
color: black;
}

.cust_header_content
{
float: left;	
text-align: right;
padding-left: 490px;
font-weight: bold;
}
/* End Custom banner at the top */

/* This is the color of the left headings in the main content and the left headings in the top portion ex hi5 url and Who I'd Like To Meet*/
.box_profile_info_large_heading, .box_profile_info_small_heading
{
color: black;	
}

/* CUSTOM BRANDING This is the section under the right side section. Ex the bar that says View all # friends */
.subhead
{
background-color: #C6241E;
}

#friends .subhead
{
height: 100px;
background: url('http://www.hi5alive.com/layouts/music1/custom-branding.jpg') no-repeat top;
margin-bottom: 0px;	
}

.subhead a:link { color: white; }
.subhead a:visited { color: white; }
.subhead a:active { color: white; }
.subhead a:hover { color: #E2E0D3; }

/* All links outside of the .bg_content */
a:link { color: #2A1209; }
a:visited { color: #2A1209; }
a:active { color: #2A1209; }
a:hover { color: #623318; }

/* Link in the topbar */
.box_profile_connections a:link { color: white; }
.box_profile_connections a:visited { color: white; }
.box_profile_connections a:active { color: white; }
.box_profile_connections a:hover { color: #E2E0D3; }

</style>

<div class="cust_header">
  <div class="cust_header_content"><br />A <a href="http://www.hi5alive.com" target="_blank">Hi5 Layout</a><br /> for a <a href="http://www.hi5alive.com" target="_blank">Hi5 Friend</a><br /><br /><a href="http://www.hi5alive.com/layout-music.php" target="_blank"><div style="font-size:12pt; font-weight:bold;">Get This Layout</div></a></div>
</div>
</style>

Step #1:
Mouse over the code above, right click and choose copy.
Step #2:
Login to your hi5 profile and click "My Profile" and then click "Customize Profile" under your Profile picture.
Step #3:
Scroll to the bottom where you see "Style: (Optional)". Click in this text area and select everything (if there was anything here before)
Step #4:
Right click and click "Paste" and then click the "Save Profile" button.

Leave Your hi5 Link

If you have a hi5 profile with a hi5 nickname setup, enter it here and people can visit your hi5 profile from hi5alive.com

Tell Your hi5 Friends

Do you like this site. Did you find a cool hi5 layout? If so feel free to tell some other hi5 friends.

Support Us

You can support us in a number of ways that are coming soon. For now join the hi5Alive hi5 Group and show your support!

Male	Female
http://	.hi5.com
Age:

Music hi5 Layout

Instructions to Apply

Random hi5 Layouts

More hi5 Resources

Other Resources

Your Name:
Friends Email: