Código
para criarem secções no hi5 (versão
actualizada)
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>
Codigo extra (necessario):
Alargar a secção do about me:
<style type="text/css">
#content-left, #col1 {
width: 650px;
padding-left: 0px;
}
</style>
Centrar a o profile (opcional):
<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:
...
<fieldset><a href="#ByPunkeCas1">TITULO 1</a></fieldset>
<br><br>
<fieldset><a href="#ByPunkeCas2">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
<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>
Codigo extra (necessario):
Alargar a secção do about me:
<style type="text/css">
#content-left, #col1 {
width: 650px;
padding-left: 0px;
}
</style>
Centrar a o profile (opcional):
<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:
...
<fieldset><a href="#ByPunkeCas1">TITULO 1</a></fieldset>
<br><br>
<fieldset><a href="#ByPunkeCas2">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
Resultado
"Final":
http://i220.photobucket.com/albums/dd245/Punkecas/hi5tut.jpg
Comentários