Osmar Gostosinho
Silver
Posts : 222 Moedas : 163 Reputação : 1
| Assunto: [Tuto]Como criar um portal habbo Sáb 11 Jun - 0:16 | |
| 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: - Citação :
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 | |
|