![[Tuto]Como criar um portal habbo Kuser](https://2img.net/h/cdn1.iconfinder.com/data/icons/nuvola2/128x128/apps/kuser.png){kind=icon}
Início
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 baixar a Apostila
• Segundo, ter um bom layout em suas mãos [url=http://www.power-pixel.net/t1369-55-layouts-para-habbo]55 Layouts[/url]
• Terceiro, ter uma conta em um site de hospedagem grátis para que você sempre deixe seu site online, recomendo [url=http://www.heliohost.org/home/]HelioHost - Hospedagem Grátis[/url]
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 ([url=http://www.power-pixel.net/layouts-webdesing-f13/55-layouts-para-habbo-t1369.htm]55 Layouts de habbo[/url]), 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.
-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
[/b]Sempre coloque uma "Div" separando
servidores Cms, servidores oficiais, retrô, ou coloque uma imagens
separando para ficar mais fácil.
Creditos: Brandow
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 baixar a Apostila
• Segundo, ter um bom layout em suas mãos [url=http://www.power-pixel.net/t1369-55-layouts-para-habbo]55 Layouts[/url]
• Terceiro, ter uma conta em um site de hospedagem grátis para que você sempre deixe seu site online, recomendo [url=http://www.heliohost.org/home/]HelioHost - Hospedagem Grátis[/url]
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 ([url=http://www.power-pixel.net/layouts-webdesing-f13/55-layouts-para-habbo-t1369.htm]55 Layouts de habbo[/url]), 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:
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.
e aonde vamos editar.
-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:
[/b][/color][b][color=black][b]<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>
[/b]Sempre coloque uma "Div" separando
servidores Cms, servidores oficiais, retrô, ou coloque uma imagens
separando para ficar mais fácil.
Creditos: Brandow