Spiderman hi5 Layout

A cool Spiderman layout for all you spidey fans. Get pumped for new Spiderman 3 movie coming out with this cool Spiderman hi5 layout.

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/spiderman1/custom-bg.jpg') repeat-y;
background-color: #144613;
color: black;
}

/* Section box backgrounds */
.profile-module-body
{
	background-color: #8C8C8C;
}

/* Main page link */
.bg_content a:link { color: black; }
.bg_content a:visited { color: black; }
.bg_content a:active { color: black; }
.bg_content a:hover { color: white; }

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

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

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

.text_header {
background: url('http://www.hi5alive.com/layouts/spiderman1/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
{
/*background: url('http://www.hi5alive.com/layouts/spiderman1/gradient.jpg') repeat-x;*/
border: 0px solid black;
background-color: #0C79B2;
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;
}

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

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

/* 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: #E2E0D3;
}

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

.cust_header_content
{
float: right;	
text-align: right;
padding-right: 102px;
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: white;	
}

/* CUSTOM BRANDING This is the section under the right side section. Ex the bar that says View all # friends */
.subhead
{
background: url('http://www.hi5alive.com/layouts/spiderman1/subhead.png') no-repeat right;
background-color: black;
}

#friends .subhead
{
height: 100px;
background: url('http://www.hi5alive.com/layouts/spiderman1/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: white; }
a:visited { color: white; }
a:active { color: white; }
a:hover { color: #E2E0D3; }

/* 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 href="http://www.hi5alive.com" target="_blank">Hi5 Layouts</a><br /> for <a href="http://www.hi5alive.com" target="_blank">Hi5 Friends</a><br /><br /><a href="http://www.hi5alive.com/layout-spiderman.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:

Spiderman hi5 Layout

Instructions to Apply

Random hi5 Layouts

More hi5 Resources

Other Resources

Your Name:
Friends Email: