hi5 Pré-feito 5

A colocar nos Interesses:

Código:

<p id="text-menu">TÍTULO DO HI5</p><br/><br/>
<center>
<div style="width: 850px; height: 250px;" id="borda-geral">

<a name="firstD&Vskin-1"> </a> <div id="sec1" class="geral" style="width: 850px; height: 250px;">

<p id="a">TÍTULO 1 DO QUE QUEREM ESCREVER NA PÁGINA INICIAL</p>
<p id="b">TÍTULO 2 DO QUE QUEREM ESCREVER NA PÁGINA INICIAL</p>

</div>

<a name="firstD&Vskin-2"> </a> <div id="sec2" class="geral" style="width: 850px; height: 250px;">

<div id="about-me-text">

<p>SOBRE MIM - ESCREVER TEXTO
</div>

</div>

<a name="firstD&Vskin-3"> </a> <div id="sec3" class="geral" style="width: 850px; height: 250px;">

<div id="galeria-1" class="galeria">
<div>NOME DA GALERIA DE FOTOS 1</div>
<table width="100%"><tbody>
<td><img src="URL DA FOTO"/></td>
<td><img src="URL DA FOTO
"/></td>
<td><img src="URL DA FOTO"/></td>
</tbody></table>
</div>

<div id="galeria-2" class="galeria">
<div>NOME DA GALERIA DE FOTOS 2</div>
<table width="100%"><tbody>
<td><img src="URL DA FOTO"/></td>
<td><img src="URL DA FOTO"/></td>
<td><img src="URL DA FOTO
"/></td>
</tbody></table>
</div>

<div id="galeria-3" class="galeria">
<div>NOME DA GALERIA DE FOTOS 3</div>
<table width="100%"><tbody>
<td><img src="URL DA FOTO
"/></td>
<td><img src="URL DA FOTO
"/></td>
<td><img src="URL DA FOTO"/></td>
</tbody></table>
</div>

</div>
<a name="firstD&Vskin-4"> </a> <div id="sec4" class="geral" style="width: 850px; height: 250px;">

<table width="100%"><tbody>
<td>NOME DO AMIGO<br/><a href="LINK DO HI5 DELE"/></a><img src="URL DA FOTO DO AMIGO"/></a></td>
<td>NOME DO AMIGO<br/><a href="LINK DO HI5 DELE"/></a><img src="URL DA FOTO DO AMIGO"/></a></td>
<td>NOME DO AMIGO<br/><a href="LINK DO HI5 DELE"/></a><img src="URL DA FOTO DO AMIGO"/></a></td>
<td>NOME DO AMIGO<br/><a href="LINK DO HI5 DELE"/></a><img src="URL DA FOTO DO AMIGO"/></a></td>
<td>NOME DO AMIGO<br/><a href="LINK DO HI5 DELE"/></a><img src="URL DA FOTO DO AMIGO"/></a></td>
</tbody></table>

</div>

<a name="firstD&Vskin-5"> </a> <div id="sec5" class="geral" style="width: 850px; height: 250px;">

<embed src="http://www.youtube.com/v/ULTIMA PARTE DO URL DO FILME DO YOUTUBE&hl=pt-br&fs=1&loop=1&color1=0x000000&color2=0x000000&autoplay=1" type="application/x-shockwave-flash" width="850" height="250"/>


</div>

<a name="firstD&Vskin-6"> </a> <div id="sec6" class="geral" style="width: 850px; height: 250px;">



<br/><br/>PARTNERS:<br/>

<a href="http://lusavibe.forumeiros.com"> <img  src="http://img190.imageshack.us/img190/5510/1zw0y8mg.png" title="LusaVibe"/> </a>    <a href="www.fazganza.com"> <img  src="http://i86.servimg.com/u/f86/13/96/45/25/banner11.jpg" title="FazGanza"/> </a>

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

</div>
</center>


<style type="text/css">

#sec6 td {text-align: center;}

#sec6 textarea {width: 300px; height: 70px; border: 1px solid #fff; background: #000; font-family: arial; font-size: 10px; letter-spacing: 3px; color: #fff; text-align: center; overflow: hidden;}

#about-me-text {width: 750px; height: 200px; border: 1px solid #666; margin-top: 25px; background: #000;}

#about-me-text p {font-family: eras light itc; font-size: 12px; color: #fff; text-align: left; font-weight: bold;}

#sec4 table {margin-top: 30px;}
#sec4 img {border: 1px solid #fff; filter:alpha(opacity=50); -moz-opacity: 0.5; opacity: 0.5; width: 130px; height: 170px;}
#sec4 img:hover {border: 1px solid #fff; filter:alpha(opacity=100); -moz-opacity: 1; opacity: 1;}

#galeria-1 img {height: 170px; width: 130px; border: 1px solid #fff;}
#galeria-2 img {height: 170px; width: 130px; border: 1px solid #fff;}
#galeria-3 img {height: 170px; width: 130px; border: 1px solid #fff;}


#galeria-1 td {text-align: center; width: 33%;}
#galeria-2 td {text-align: center; width: 33%;}
#galeria-3 td {text-align: center; width: 33%}

#galeria-1 div {font-family: verdana; font-size: 10px; letter-spacing: 3px; color: #fff; margin-top: 2px; height: 25px;}
#galeria-2 div {font-family: verdana; font-size: 10px; letter-spacing: 3px; color: #fff; margin-top: 2px; height: 25px;}
#galeria-3 div {font-family: verdana; font-size: 10px; letter-spacing: 3px; color: #fff; margin-top: 2px; height: 25px;}

.galeria {width: 850px; height: 20px; background: #666; border-bottom: 1px solid #000;}
.galeria:hover {width: 850px; height: 210px; background: #666;}

#sec3 {background: url(http://i30.tinypic.com/259fip5.png) bottom center no-repeat;}

#sec1 {font-family: eras light itc; color: #fff; letter-spacing: 5px; font-size: 90px; font-weight: bold;}
#sec1 p#a {margin-top: 50px;}
#sec1 p#b {margin-top: -80px; font-size: 40px;}

#sec2 {font-family: arial; font-size: 10px; color: #fff;}

#sec3 {font-family: arial; font-size: 10px; color: #fff; text-align: center;}

#sec4 {font-family: arial; font-size: 10px; color: #fff; text-align: center;}

#sec5 {font-family: arial; font-size: 10px; color: #fff;}

#sec6 {font-family: eras demi itc; font-size: 12px; color: #fff;}

.geral {margin-bottom: 2000px;}

#borda-geral {border: 1px solid #fff; width: 850px: height: 250px; background: url(http://content.pimp-my-profile.com/tp/00000-50-tp.png) repeat top left;}

#caixa-menu {width: 100%; height: 160px;}

.menu {width: 100%; height: 100%;}

p#text-menu {font-family: arial; font-weight: bold; font-size: 25px; letter-spacing: 3px; color: #fff;}

#menu div {width: 100%; height: 20px; border-bottom: 1px solid #000; margin: 0px; background: #FFF;}
#menu div:hover {background: #000; color: #fff;}

#menu a {font-family: arial; font-size: 12px; letter-spacing: 3px; color: #999;}

#menu div p {margin-left: 20px; margin-top: 2px;}

h1 {display:none;}
h2 {display:none;}
h4 {display:none;}
#leaderExt{display:none;}
iframe {display:none;}
#flashad {display:none;}
#profile-name {display:none;}
#profile-nav {display:none;}
#gamesModule {display:none;}
#footer {display:none;}
#groups {display:none;}
#widgets {display:none;}
#recent-updates {display:none;}
#footer {display:none;}
#lifestyle {display:none;}
#apps {display:none;}
#user-details {display:none;}
#game_bar {display:none}
.section-separator {display:none;}
.subsection-separator {display:none;}
.emptyProfileInfo {display:none;}
.hi5-common-header-banner-ad {display:none;}
#hi5-common-header-banner {display:none;}
#hi5-common-header {display:none;}

.subsection{padding-left: 0px!important; padding-right: 0px !important;}
.box_profile_info_small_content { width: 100%;}
#content-left {position: absolute !important; width:100% !important;}
#p_container {width: 100% !important; margin: 0 auto;}
#content-right{display:none;}

html {height: 550px !important;
overflow: hidden;}


body {background: url(URL DA IMAGEM DE FUNDO) top left fixed repeat #000;}

a:hover {text-decoration: none  !important;}

</style>
<br/><br/>

Colocar este cod no ínicio (depois do título do vosso hi5) ou no fim de todos os cods, como preferirem.

Código:


<div id="caixa-menu">

<div id="menu" class="menu">

<a href="#firstD&Vskin-1"><div><p id="link">TÍTULO 1</p></div></a>
<a href="#firstD&Vskin-2"><div><p id="link">TÍTULO 2</p></div></a>
<a href="#firstD&Vskin-3"><div><p id="link">TÍTULO 2</p></div></a>
<a href="#firstD&Vskin-4"><div><p id="link">TÍTULO 3</p></div></a>
<a href="#firstD&Vskin-5"><div><p id="link">TÍTULO 4</p></div></a>
<a href="#firstD&Vskin-6"><div><p id="link">TÍTULO 5</p></div></a>

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

Resultado final (o aspecto será o mesmo, o que está escrito, como é óbvio, é para ser alterado) :





Duvidas postem em baixo Espero ter sido útil

Obrigadaa Ainda bem que gostaste : )

ta giro..