Conectar-se

Esqueci minha senha

Últimos assuntos

Rádio

[Tuto]Como criar um portal habbo

 :: Habbo :: Tutoriais

Ir em baixo

[Tuto]Como criar um portal habbo

Mensagem  Toouz em 3/8/2011, 23:56

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 55 Layouts
• Terceiro, ter uma conta em um site de hospedagem grátis para que você sempre deixe seu site online, recomendo Com.nu
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 )
, 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:
<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.
avatar
Toouz
Fundadores
Fundadores

Mensagens : 127
Data de inscrição : 04/03/2011
Idade : 22
Localização : Em Frente Ao Pc

Ver perfil do usuário http://habbiix.forumeiros.com

Voltar ao Topo Ir em baixo

Re: [Tuto]Como criar um portal habbo

Mensagem  Thalles em 3/10/2011, 13:40

hum... bem legal esse tutorial Very Happy
avatar
Thalles
Programador
Programador

Mensagens : 212
Data de inscrição : 10/03/2011
Idade : 21
Localização : São Paulo

Ver perfil do usuário

Voltar ao Topo Ir em baixo

Re: [Tuto]Como criar um portal habbo

Mensagem  Toouz em 3/11/2011, 23:27

hmm valeu
avatar
Toouz
Fundadores
Fundadores

Mensagens : 127
Data de inscrição : 04/03/2011
Idade : 22
Localização : Em Frente Ao Pc

Ver perfil do usuário http://habbiix.forumeiros.com

Voltar ao Topo Ir em baixo

Re: [Tuto]Como criar um portal habbo

Mensagem  Thalles em 3/11/2011, 23:54

Toouz escreveu:hmm valeu
nada Very Happy
avatar
Thalles
Programador
Programador

Mensagens : 212
Data de inscrição : 10/03/2011
Idade : 21
Localização : São Paulo

Ver perfil do usuário

Voltar ao Topo Ir em baixo

Re: [Tuto]Como criar um portal habbo

Mensagem  Divva em 3/11/2011, 23:58

vou testar , fazendo depois eu do a resposta ;D
avatar
Divva

Mensagens : 107
Data de inscrição : 11/03/2011
Localização : No Brasil

Ver perfil do usuário http://orkut.com

Voltar ao Topo Ir em baixo

Re: [Tuto]Como criar um portal habbo

Mensagem  Conteúdo patrocinado


Conteúdo patrocinado


Voltar ao Topo Ir em baixo

Voltar ao Topo

- Tópicos similares

 :: Habbo :: Tutoriais

 
Permissão deste fórum:
Você não pode responder aos tópicos neste fórum