.::Ds-links::.
Welcome to Ds-Links please login or register if you are a new user.
.::Ds-links::.
Welcome to Ds-Links please login or register if you are a new user.
.::Ds-links::.
Would you like to react to this message? Create an account in a few clicks or log in to continue.

.::Ds-links::.


 
PortalHomeSearchLatest imagesRegisterLog in

.::Ds-links::. :: "Codigos" para Hi5Share | 
 

 [Hi5] Criar secções

View previous topic View next topic Go down 
Share This!
AuthorMessage
uilson
Admin
Admin
uilson

Male Idade : 32
Pontos : 36799
Reputação : 0
Mensagens : 101
Localização : Leiria (M.G.)
Data de inscrição : 2009-06-29

[Hi5] Criar secções Vide
PostSubject: [Hi5] Criar secções   [Hi5] Criar secções Icon_minitimeTue Jul 21, 2009 2:40 am
Secções com um menu lateral do lado esquerdo
[Hi5] Criar secções Punkecasmenulatesquerdo


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="#ByPunkeCas1">TITULO 1</a>
<br><br><a href="#ByPunkeCas2">TITULO 2</a>
<br><br><a href="#ByPunkeCas3">TITULO 3</a>
<br><br><a href="#ByPunkeCas4">TITULO 4</a>
<br></div>

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

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


escrevem1


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


escrevem2


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


escrevem3


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


escrevem4


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

Secções com um menu lateral do lado direito
[Hi5] Criar secções Punkec11


Código:
<table style="margin: 0px auto;"><tr><td>

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


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


escrevem 1


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

<fieldset>


escrevem 2


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


escrevem 3



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


escrevem 4


</fieldset>

</div>

<th><td>
<div style="width: 90px; height: 400px;" class="structurediv" align="center">
<br> <br>
<br><br><a href="#ByPunkeCas1">TITULO 1</a>
<br><br><a href="#ByPunkeCas2">TITULO 2</a>
<br><br><a href="#ByPunkeCas3">TITULO 3</a>
<br><br><a href="#ByPunkeCas4">TITULO 4</a>
<br></div>
</td></th>
</div></table>

Secções com um menu na horizontal, em cima
[Hi5] Criar secções Menuci10


Código:
<table style="margin: 0px auto;">
<div style="width: 500px; height: 50px;" class="structurediv" align="center">


<a href="#ByPunkeCas1">TITULO 1</a>
<a href="#ByPunkeCas2">TITULO 2</a>
<a href="#ByPunkeCas3">TITULO 3</a>
<a href="#ByPunkeCas4">TITULO 4</a>

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

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



escrevem1


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


escrevem2



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


escrevem3


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



escrevem4


</fieldset>


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

Secções com um menu na horizontal, em baixo
[Hi5] Criar secções Menuba10


Código:
<div style="width: 502px; height: 300px; overflow-y: hidden;" class="structurediv">

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


escrevem1


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


escrevem2


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


escrevem3


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


escrevem4


</fieldset>

</div></div>
<table style="margin: 0px auto;">
<div style="width: 500px; height: 50px;" class="structurediv" align="center">

<a href="#ByPunkeCas1">TITULO 1</a>
<a href="#ByPunkeCas2">TITULO 2</a>
<a href="#ByPunkeCas3">TITULO 3</a>
<a href="#ByPunkeCas4">TITULO 4</a>

</div>

</table>




Secções com dois menus na horizontal, um em cima e outro em baixo

Código:



em breve



Secções com dois menus laterais, um do lado esquerdo e outro do lado direito
[Hi5] Criar secções Sub2me10


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="#ByPunkeCas1">TITULO 1</a>
<br><br><a href="#ByPunkeCas2">TITULO 2</a>
<br><br><a href="#ByPunkeCas3">TITULO 3</a>
<br><br><a href="#ByPunkeCas4">TITULO 4</a>
<br></div>

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

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


escrevem 1


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


escrevem 2


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


escrevem 3


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


escrevem 4


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


escrevem 5


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


escrevem 5


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


escrevem 6


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


escrevem 7


</fieldset>
</div>
<a name="ByPunkeCas8">
<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="#ByPunkeCas5">TITULO 5</a>
<br><br><a href="#ByPunkeCas6">TITULO 6</a>
<br><br><a href="#ByPunkeCas7">TITULO 7</a>
<br><br><a href="#ByPunkeCas8">TITULO 8</a>
<br></div>
</td></th>
</div></div>
</td></tr></table>


Created by Punkecas ®️


ps: para dois menus laterais têm de alargar a div no qual coloquem este "código" não para 650px mas sim para 750px


"Codigo" extra (necessario):

Alargar a div do hi5 (about me, interests, fav. music)

Código:

<style type="text/css"> #content-left, #col1 { width: 650px; } </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

exemplo:

Código:

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

<br><br>

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

...

<table style="margin: 0px auto;"> se alterarem a espesura de 0px para 1px ou mais irao criar um border
Back to top Go down
https://dslinks.forumotion.com
 

[Hi5] Criar secções

View previous topic View next topic Back to top 
Page 1 of 1

Permissions in this forum:You cannot reply to topics in this forum
.::Ds-links::. :: "Codigos" para Hi5-





Copyright 2010 Ds-Links - Be Creative™

Contact : ds-forum@live.com
Powered by : Forumeiros | ©phpBB
Google-Translate-Chinese (Simplified) BETAGoogle-Translate-English to French Google-Translate-English to GermanGoogle-Translate-English to ItalianGoogle-Translate-English to Japanese BETAGoogle-Translate-English to Korean BETAGoogle-Translate-English to Russian BETA Google-Translate-English to Spanish

Assinar Feed Assinantes

Seguir no Twitter Seguidores

Artigos publicados Artigos

Comentários recebidos Comentários


Create a forum | ©phpBB | Free forum support | Report an abuse | Forumotion.com