Webtuga
Gostaria de reagir a esta mensagem? Crie uma conta em poucos cliques ou inicie sessão para continuar.



 
InícioProcurarÚltimas imagensRegistarEntrar

 

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

Ir para baixo 
AutorMensagem
Admin
Admin
Admin


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

[Tuturial]  Código para criarem secções no hi5 (Novo menus) Empty
MensagemAssunto: [Tuturial] Código para criarem secções no hi5 (Novo menus)   [Tuturial]  Código para criarem secções no hi5 (Novo menus) Icon_minitime1Seg 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 [Tuturial]  Código para criarem secções no hi5 (Novo menus) 27851
Ir para o topo Ir para baixo
https://webtuga.forumeiros.com
 
[Tuturial] Código para criarem secções no hi5 (Novo menus)
Ir para o topo 
Página 1 de 1
 Tópicos semelhantes
-
» [Tuturial] Efeitos para imagens
» [Tuturial] Mais códigos para personalizar o teu perfil
» [Tuturial] New micro hi5
» [Tuturial] Cursores
» [Tuturial] Novos códigos

Permissões neste sub-fórumNão podes responder a tópicos
Webtuga :: Juventude :: Hi5-
Ir para: