Fórum Habbosal

Habbo, Games, Tecnologias, etc.


Você não está conectado. Conecte-se ou registre-se

Ver o tópico anterior Ver o tópico seguinte Ir em baixo  Mensagem [Página 1 de 1]

#1
 -Ghost!

avatar
Membro Especial
Membro Especial
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:
Código:
[color=#000000][color=#536482][font=Courier]<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>
[/font][/color][/color]

Sempre coloque uma "Div" separando servidores Cms, servidores oficiais, retrô, ou coloque uma imagens separando para ficar mais fácil.

Creditos: Brandow

Fonte : Habboz



Última edição por -SwordMaster! em Sab Fev 05, 2011 5:40 pm, editado 1 vez(es)



Bem Vindo ao Fórum Habbosal




- Leias todas as regras
Ver perfil do usuário http://habbosal.forumeiros.com

#2
 deilaa

avatar
Membro Ativo
Membro Ativo
Gostei do tutorial
Parabéns ^^

Ver perfil do usuário http://www.habbosal.net/

#3
 -Ghost!

avatar
Membro Especial
Membro Especial
Gostei do tutorial
Parabéns ^^

Cuidado com o Flood , como eu já tinha lê avisado terei que alertá-la

+Warning pra você , mais cuidado da próxima vez ..



Bem Vindo ao Fórum Habbosal




- Leias todas as regras
Ver perfil do usuário http://habbosal.forumeiros.com

#4
 deilaa

avatar
Membro Ativo
Membro Ativo
eer..

Só falei que eu gostei do tutorial isso que eu saiba não é flood

estou comentando sobre..

Ver perfil do usuário http://www.habbosal.net/

#5
 ShadowTheLord

avatar
Membro de Honra
Membro de Honra
Belo , tuto mas tem só um probleminha pra q a pessoa ia fazer um portla de habbo pra por só 1 habbo???
Seria melhor vc por no Tutorial como Criar um POrtal para Habbo, e ,não para seu habbo.



[Você precisa estar registrado e conectado para ver esta imagem.]
[Você precisa estar registrado e conectado para ver esta imagem.]
[Você precisa estar registrado e conectado para ver esta imagem.]
Ver perfil do usuário http://habbreat.webnode.com.br

#6
 -Ghost!

avatar
Membro Especial
Membro Especial
deilaa escreveu:
eer..

Só falei que eu gostei do tutorial isso que eu saiba não é flood

estou comentando sobre..

Tipo , pode até não ser Flood nas regras do fórum , mais imagine se todo mundo resolver responder a mesma coisa no mesmo tópico
todo mundo escrevendo

Gostei do Post , parabéns ou Gostei do Tutorial parabéns ..

isso ia poluir demais o tópico , então só estou previnindo ..

Fulan precisa ajeitar as regras do Flood , pois lá diz que vc pode agradecer sómente , imagine se todo mundo agradece o mesmo post ' ex : Valeu cara funcinou , ' Parabéns o tópico é demais .. '

Vou retirar seus alerts , pois não sabia , mais tome cuidado na próxima vez .. '

-----------------------------------------
Belo , tuto mas tem só um probleminha pra q a pessoa ia fazer um portla de habbo pra por só 1 habbo???
Seria melhor vc por no Tutorial como Criar um POrtal para Habbo, e ,não para seu habbo.

è verdade Shadow , eu interpetrei mal o título vou ajeitar Very Happy , e obrigado por corrigir ..

continue assim '




Bem Vindo ao Fórum Habbosal




- Leias todas as regras
Ver perfil do usuário http://habbosal.forumeiros.com

#7
 Fulan

avatar
Administrador
Administrador
Nossa, é muito bom mesmo. E concordo com o Shadow, pra que criar para 1 só. Seria interessante para vários Very Happy



[Você precisa estar registrado e conectado para ver esta imagem.]

Facebook: [Você precisa estar registrado e conectado para ver este link.]
Twitter: [Você precisa estar registrado e conectado para ver este link.]

[Você precisa estar registrado e conectado para ver este link.]
Ver perfil do usuário http://www.habbosal.forumeiros.com

#8
 -Ghost!

avatar
Membro Especial
Membro Especial
sim Fulan , eu já ajeitei o título e agora é para habbos ..



Bem Vindo ao Fórum Habbosal




- Leias todas as regras
Ver perfil do usuário http://habbosal.forumeiros.com

#9
 Conteúdo patrocinado


Ver o tópico anterior Ver o tópico seguinte Voltar ao Topo  Mensagem [Página 1 de 1]


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