[Tuto]Como criar um portal habbo 10.12.10 11:28
Olá, eu vou encinar como criar um Portal de habbo bem simples usando HTML.
Um exemplo de portal feito em HTML
Power Portal
Requisitos para criar seu portal de habbo:
• Primeiramente você precisa saber o básico sobre HTML Clique aqui para baixa a apostila.
• Segundo, ter um bom layout em suas mãos 55 Layouts de habbo.
• Terceiro, ter uma conta em um site de hospedagem grátis para que você sempre deixe seu site online, recomendo HelioHost - Hospedagem Grátis.
Tutorial:
(OBS: não irei falar passo-a-passo de como editar o layout somente como criar o portal o resto é com vocês.)
- Se ja entende de HTML pegue um layout de seu gosto (55 Layouts de habbo), depois baixe-o, abra a pasta do seu layout e abra a index.html em bloco de notas. (Principio da criação do portal).
- Lembre-se sempre quando estiver escrito:
e aonde vamos editar.Lorem ipsum has nominavi noluisse id, no illud indoctum delicatissimi ius. No duo duis postulant qualisque, vel patrioque appellantur ei. His sumo propriae adolescens ne, qui quando accumsan postulant ad. Essent mollis antiopam mea ex, vel at veniam scripta salutandi, dicam quodsi scribentur ei his. His an molestie urbanitas, erant adolescens ei sed, est fierent blandit argumentum ea.
-Nós iremos colocar os links do habbos no centro do site, ou seja, na "Div" que fica no meio, para que nós possa colocar os links do habbos redimerencionados temos que ter uma Table (Tabela), eu tenho um formato de tabela que é usada no power portal.
Abra o spoiler
- Spoiler:
- Código:
<td width="50%" class="subfundo" id="tabela"><div align="center" class="style1">
<p> </p>
</p><table width="489" border="1" cellpadding="0" cellspacing="0" bordercolor="#000000">
<tbody><tr>
<th width="99" height="23" bgcolor="#E9E9E9" class="style5" scope="col">Nome</th>
<th width="78" bgcolor="#E9E9E9" class="style5" scope="col">Tipo de servidor</th>
<th width="61" bgcolor="#E9E9E9" class="style5" scope="col">Status</th>
<th width="57" bgcolor="#E9E9E9" class="style5" scope="col">Versão</th>
<th width="82" bgcolor="#E9E9E9" class="style5" scope="col">Ranking</th>
<th width="98" bgcolor="#E9E9E9" class="style5" scope="col">Butão entrar</th>
</tr>
<tr>
<td align="center"><span class="style4">Hapixel Hotel</span> </td>
<td align="center"><span class="style4">Servidor VIP</span> </td>
<td align="center"><img src="Coloque uma imagem" width="50" height="16"></td>
<td align="center">v61</td>
<td align="center"><img src="images/duckieworld_up.gif" width="36" height="36"></td>
<td align="center"><a href="http://www.hapixel.host.crazzy.com.br/" target="_blank"><img
src="images/go_arrow.gif" width="43" height="26"></a></td>
</tr>
<tr>
<td align="center"><span class="style4">Disponivel</span> </td>
<td align="center"><span class="style4">Servidor VIP</span> </td>
<td align="center"><img src="Coloque uma imagem" width="50" height="16"></td>
<td align="center">v63</td>
<td align="center"><img src="images/duckieworld_up.gif" width="36" height="36"></td>
<td align="center"><a href="index.html" target="_blank"><img src="images/go_arrow.gif" width="43"
height="26"></a></td>
</tr>
<tr>
<td align="center"><span class="style4">Disponivel</span> </td>
<td align="center"><span class="style4">Servidor VIP</span> </td>
<td align="center"><img src="Coloque uma imagem" width="50" height="16"></td>
<td align="center">v63</td>
<td align="center"><img src="images/duckieworld_up.gif" width="36" height="36"></td>
<td align="center"><a href="index.html" target="_blank"><img src="images/go_arrow.gif" width="43"
height="26"></a></td>
</tr>
<tr>
<td align="center"><span class="style4">Disponivel</span> </td>
<td align="center"><span class="style4">Servidor VIP</span> </td>
<td align="center"><img src="Coloque uma imagem" width="50" height="16"></td>
<td align="center">v63</td>
<td align="center"><img src="images/duckieworld_up.gif" width="36" height="36"></td>
<td align="center"><a href="index.html" target="_blank"><img src="images/go_arrow.gif" width="43"
height="26"></a></td>
</tr>
<tr>
<td align="center"><span class="style4">Disponivel</span> </td>
<td align="center"><span class="style4">Servidor VIP</span> </td>
<td align="center"><img src="Coloque uma imagem" width="50" height="16"></td>
<td align="center">v63</td>
<td align="center"><img src="images/duckieworld_up.gif" width="36" height="36"></td>
<td align="center"><a href="index.html" target="_blank"><img src="images/go_arrow.gif" width="43"
height="26"></a></td>
</tr>
<tr>
<td align="center"><span class="style4">Disponivel</span> </td>
<td align="center"><span class="style4">Servidor VIP</span> </td>
<td align="center"><img src="Coloque uma imagem" width="50" height="16"></td>
<td align="center">v63</td>
<td align="center"><img src="images/duckieworld_up.gif" width="36" height="36"></td>
<td align="center"><a href="index.html" target="_blank"><img src="images/go_arrow.gif" width="43"
height="26"></a></td>
</tr>
Sempre coloque uma "Div" separando servidores Cms, servidores oficiais, retrô, ou coloque uma imagens separando para ficar mais fácil.
Creditos: Brandow