InícioCalendárioFAQBuscarMembrosGruposRegistrar-seConectar-se

Compartilhe | 
 

 [Tuturial] Código para criarem secções no hi5 (Novo menus)

Ir em baixo 
AutorMensagem
Admin
Admin
avatar

Mensagens : 44
Data de inscrição : 29/11/2008

MensagemAssunto: [Tuturial] Código para criarem secções no hi5 (Novo menus)   Seg Dez 01, 2008 5:25 am

Código para criarem secções no hi5 (versão actualizada)


secçoes com um menu lateral do lado esquerdo
Código:
<table style="margin: 0px auto;"><tr><td>
<div style="width: 90px; height: 400px;" class="structurediv" align="center">
<br> <br>
<br><br><a href="#JorgeRodrigues1">TITULO 1</a>
<br><br><a href="#JorgeRodrigues2">TITULO 2</a>
<br><br><a href="#JorgeRodrigues3">TITULO 3</a>
<br><br><a href="#JorgeRodrigues4">TITULO 4</a>
<br></div>

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

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


escrevem1


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


escrevem2


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


escrevem3


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


escrevem4


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

secçoes com um menu na horizontal
Código:
<table style="margin: 0px auto;">
<div style="width: 500px; height: 50px;" class="structurediv" align="center">

<a href="#JorgeRodrigues1">TITULO 1</a>
<a href="#JorgeRodrigues2">TITULO 2</a>
<a href="#JorgeRodrigues3">TITULO 3</a>
<a href="#JorgeRodrigues4">TITULO 4</a>

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

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


escrevem1


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


escrevem2


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


escrevem3


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


escrevem4


</fieldset>

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


seccoes com dois menus laterais, um do lado esquerdo e outro do lado direito
Código:
<table style="margin: 0px auto;"><tr><td>
<div style="width: 90px; height: 400px;" class="structurediv" align="center">
<br><br>
<br><br><a href="#JorgeRodrigues1">TITULO 1</a>
<br><br><a href="#JorgeRodrigues2">TITULO 2</a>
<br><br><a href="#JorgeRodrigues3">TITULO 3</a>
<br><br><a href="#JorgeRodrigues4">TITULO 4</a>
<br></div>

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

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


escrevem 1


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


escrevem 2


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


escrevem 3


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


escrevem 4


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


escrevem 5


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


escrevem 5


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


escrevem 6


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


escrevem 7


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


escrevem 8


</fieldset>
</div>








<th><td>
<div style="width: 90px; height: 400px;" class="structurediv" align="center">
<br> <br>
<br><br><a href="#JorgeRodrigues5">TITULO 5</a>
<br><br><a href="#JorgeRodrigues6">TITULO 6</a>
<br><br><a href="#JorgeRodrigues7">TITULO 7</a>
<br><br><a href="#JorgeRodrigues8">TITULO 8</a>
<br></div>
</td></th>
</div></div>
</td></tr></table>


Created by JorgeRodrigues ®️

"Codigo" extra (necessario):

Alargar a secção do about me:
Código:
<style type="text/css">
#content-left, #col1 {
width: 650px;
padding-left: 0px;
}
</style>

Centrar a o profile (opcional):
Código:
<style type="text/css">#content-left { padding-left:250px; padding-right:250px; } <style>

se quizerem colocar os "titulo" dentro de caixas, usem a tag fieldset
Código:
...

<fieldset><a href="#JorgeRodrigues1">TITULO 1</a></fieldset>

<br><br>

<fieldset><a href="#JorgeRodrigues2">TITULO 2</a></fieldset>

...

<table style="margin: [color=red]0[/color]px auto;"> se alterarem a espesura de 0px para 1px ou mais irao criar um border



JorgeRodrigues
Voltar ao Topo Ir em baixo
Ver perfil do usuário http://webtuga.forumeiros.com
 
[Tuturial] Código para criarem secções no hi5 (Novo menus)
Voltar ao Topo 
Página 1 de 1
 Tópicos similares
-
» Próxima tour dos Tokio Hotel em 2013
» Captador para Contrabaixo Acústico - Solução Definitiva!
» Secção cabos de coluna.
» O que todos devem saber antes de abrir a boca para falar mal de Michael Jackson!!!
» Bilhete: Michael manda um bilhete para os melhores fãs do mundo no Seminário Dia dos Namorados

Permissão deste fórum:Você não pode responder aos tópicos neste fórum
Webtuga :: Juventude :: Hi5-
Ir para: