Pré-Feito Secções ( Lado Esquerdo )

Olá Convidado ,

Trago por cá os seguintes códigos para teres um perfil como este:

1ª Imagem: https://2img.net/h/oi49.tinypic.com/2805qfs.jpg
2ª Imagem: https://2img.net/h/oi49.tinypic.com/2ephfd2.jpg

Códigos:

QueQuero:

Código:

<center><img src="http://i40.tinypic.com/8zdv7l.png"></center>

<table style="margin: 0px auto;"><tr><td>
<div style="width: 90px; height: 400px;" class="structurediv" align="center">
<br> <br>
<br><br><a href="#JoaoAlmeida1"><img src="http://i43.tinypic.com/2ryiszc.png"></a>
<br><br><a href="#JoaoAlmeida2"><img src="http://i44.tinypic.com/2rm4nl3.png"></a>
<br><br><a href="#JoaoAlmeida3"><img src="http://i43.tinypic.com/104px6o.png"></a>
<br><br><a href="#JoaoAlmeida4"><img src="http://i44.tinypic.com/15gts2q.png"></a>
<br><br><a href="#JoaoAlmeida5"><img src="http://i44.tinypic.com/28i48et.png"></a>
<br></div>

</td><td valign="top">
<div style="width: 502px; height: 300px; overflow-y: hidden;" class="structurediv">

<a name="JoaoAlmeida1">
<div style="width: 500px; height: 300px; overflow: auto;" align="justify"> </a>


<center><img src="http://i39.tinypic.com/1zyty6p.jpg"><br><br><font color="black" size="1">« Sobre as asas do tempo, a tristeza vai-se embora. »</font>


</div>
<a name="JoaoAlmeida2">
<div style="width: 500px; height: 300px; overflow: auto;" align="justify"> </a>



<center><font color="black" size="4">João Almeida <b>.</b> 13 Anos <b>.</b> São João da Madeira <b>.</b> Divertido</font><br><br><img src="http://i40.tinypic.com/drc8hv.jpg"></center>


 
</div>
<a name="JoaoAlmeida3">
<div style="width: 500px; height: 300px; overflow: auto;" align="justify"> </a>
 


<center><font size=1" color="black">• AnaDurães • AntónioMoreira • BrunaGomes • BárbaraSilva • <b><u>CatarinaFerreira</u></b> • CarolinaLeite • DanielaSousa • DianaLopes • DanielaAguiar • DanielaCosta • FilipaSousa • FábioFerreira • GonçaloAdam • InêsBatista • <b><u>JoãoFonseca</u></b> • JoanaCunha • Martjí • MariiaLuzia • MiguelSantos • PatriciaMarrafa • RaquelNogueira • SofiaCosta • SaraRodrigues • TâniaValente • Vera Granito <br><br>Ordem Alfabética , os mais importantes estão sublinhados e a negrito :3<br><br>Se achas mesmo que faltas aquii , diiz :x<br>posso me ter esquecido de ti :'o</font></center>


 
</div>
<a name="JoaoAlmeida4">
<div style="width: 500px; height: 300px; overflow: auto;" align="justify"> </a>
 
<center><embed src="http://www.youtube.com/v/fOM96R9WgLo&hl=fr_FR&fs&autoplay=1" type="application/x-shockwave-flash" width="200" height="25" /><br><embed src="http://www.youtube.com/v/dpe3CYeIz1w&hl=pt_PT&fs=1" type="application/x-shockwave-flash" width="200" height="25" /> </center>

 
</div>
<a name="JoaoAlmeida5">
<div style="width: 500px; height: 300px; overflow: auto;" align="justify"> </a>

<center><font size="2,5" color="black"><b>Tudo</b> feito por João Almeida ;$<br>1996-2010<br><br><tr></tr><br><br> Quero dar os meus <b>Parabéns !</b> aos grandes criadores deste excelente fórum<br>E quero agradecer a todos os restantes por me terem acolhido bem por cá ;b ... e também que são um pessoal bué da fixe +.+<br><br><b>OBRIGADO !</b></center>


 
</div>
</div>
</td></tr></table>

QuemSou: ( é o código que oculta tudo excepto o QueQuero ;b )

Código:

<style type="text/css">#page-footer, #profile-advanced-right,#new-message,#page-header,#page-title,p{display:none;} #main-content div p{display:block;}
#page-footer, div.navbar, div.navbar ul.linklist {
display:none !important;
}





#page-title muda para .page-title
div#profile-advanced-layout {margin-right:0px;float:none}
div#profile-advanced-left {margin-right:0px;}
div#page-body {margin-top:0px;}
div#profile-advanced-layout{margin-bottom:0px;}
#profile-tab-field-profil div.separator  {display:none;}
#field_id-7{display:none;} /*sexo*/
#field_id-6{display:none;} /*sms*/
#field_id-13{display:none;} /*fugas*/
#field_id-14{display:none;} /*reputacao*/
#field_id-12{display:none;} /*data nascimento*/
#field_id-7{display:none;} /*sexo*/
#field_id-4{display:none;} /*data inscricao*/
#field_id-5{display:none;} /*idade*/
#field_id-8{display:none;} /*humor*/

.quequero dt{display:none;}
.quemsou dt{display:none;}
dd{margin-left:0px;padding-left:0px;;}

h1{display:none;}
.panel h1{display:none;}




#profile-tab-field-profil dl dt {display:none;} /*oculta os nomes dos campos todos*/
#profile-tab-field-profil dl.quemsou dt {display:none;} /*nome do campo quem sou*/
#profile-tab-field-profil dl.quequero dt {dispaly:none; /*nome do campo que quero*/



#profile-tab-field-profil dl dd{margin-left:0px;padding-left:0px;}
#main-content .panel {background:transparent;}
span.corners-top {display:none;}
span.corners-bottom {display:none;}

</style>

Se tiver alguma dúvida relacionada com este tópico crie um tópico aqui com o seguinte título: [Dúvida] Pré-Feito Secções ( Lado Esquerdo )

Bom pré-feito! :D

Obrigado ;b

Sim esta bom para aqueles que querem ter um simples fugitivo mas com secçoes =P

Obrigado .

bom post

Obrigado ;b

Ta fixe^^

Obrigado (:

Bom post :)

Gostei ;)