Criação de página htmal personalizada

Ver o tópico anterior Ver o tópico seguinte Ir em baixo

Resolvido Criação de página htmal personalizada

Mensagem por jonathan.barros.666 em 15/05/13, 12:23 pm

Qual é minha questão:
Olá, gostaria de ajuda para criar uma página inicial personalizada para o meu fórum ele já tem uma mas não me agrada, gostaria que fosse como a deste fórum: http://saintseiyalegend.forumais.com/




Eu tenho um código que um amigo me passou dizendo que era o que criava este tipo de página, e de fato ele funciona, por isso gostaria de um código que gerisse uma página como a do site que mostrei onde há uma imagem que serve como link para o fórum em si. Caso se interessem podem acessar o meu fórum e verificar o modelo que eu estou utilizando e que não está me satisfazendo no momento.

Agradeço a todos que puderem ajudar.

Endereço do meu fórum:
http://www.saintseiyaalpha.forumeiros.com

Versão do fórum:
PHPBB2


Última edição por jonathan.barros.666 em 15/05/13, 12:29 pm, editado 1 vez(es)
avatar

jonathan.barros.666
Nível 3

Masculino
Inscrito dia : 12/10/2012
Mensagens : 24
Pontos Ativos : 42

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

Resolvido Re: Criação de página htmal personalizada

Mensagem por MateusA em 15/05/13, 12:24 pm

Olá!

Aqui está o codigo da pagina Inicial do forum citado:
Código:
<html>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />

<head>
<title>Saint Seiya Legend - Pagina Inicial</title>
<link rel="shortcut icon" type="image/x-icon" href="http://illiweb.com/fa/favicon/form.png">
<style>
.body{font-family: Arial;font-size:12px;text-shadow: 0px 1px 2px gray}
a:hover {
-moz-transition: all .1s linear;
-webkit-transition: all .1s linear;
color: black ;
transition: all .1s linear;
}
body {
background-position: top;
}
.jogo {
background-image: url(http://i.imgur.com/225sa.png);
height: 299px;
background-repeat: no-repeat;
background-position-x: 46px;
width: 863px;
display: block;
}
.jogo:hover {
background-image: url(http://i.imm.io/uYD6.png);
background-repeat: no-repeat;
}
a:hover {
-moz-transition: all .1s linear;
-webkit-transition: all .1s linear;
color: black;
transition: all .1s linear;
}
body {
font-family: Arial;
}
.mess {
background-color: #241F1F;
padding: 10px;
width: 183px;
border: 1px solid #525050;
box-shadow: 0px 0px 20px #181818;
}
</style>
<style type="text/css"></style></head>
<body background="http://2.bp.blogspot.com/_BqID9iVH6oo/TLZKDM4KMbI/AAAAAAAAAA8/CuGHDnmo9UU/s1600/59348_Pape">


 
<body>
  <br>

<br>
<center>

<a href= "/portal"><img src="http://imageshack.us/a/img59/3687/cliquenaimagem.png" border="0"></a>

<br></a></center>
<br>
<br>
<br>


<center><div class="mess">
<font color="White">Clique na Imagem para Entrar no Jogo</font></center></div>

<center><div class="mess"><font color="White">
Versão 3.0</font></center>
</div>
<br>
<br>
<br>
<a href="http://www.forumeiros.com" target="_blank"></a>
</body></html>

Até mais.
avatar

MateusA
Hiperativo

Masculino
Inscrito dia : 13/05/2013
Mensagens : 3225
Pontos Ativos : 4215

Ver perfil do usuário https://www.facebook.com/forumeirospt https://twitter.com/forumeiros_pt

Resolvido Re: Criação de página htmal personalizada

Mensagem por jonathan.barros.666 em 15/05/13, 12:30 pm

Fico agradecido, vou testar e volto para informar o resultado.
avatar

jonathan.barros.666
Nível 3

Masculino
Inscrito dia : 12/10/2012
Mensagens : 24
Pontos Ativos : 42

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

Resolvido Re: Criação de página htmal personalizada

Mensagem por James [B]. em 15/05/13, 12:35 pm

Painel de Controle Seta Módulos Seta HTML & JAVASCRIPT Seta Gestão das páginas HTML Adicionar Criar uma nova página HTML

Código:

<html>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />

<head>
<title>Saint Seiya Ultimate - Pagina Inicial</title>
<link rel="shortcut icon" type="image/x-icon" href="http://illiweb.com/fa/favicon/form.png">
<style>
.body{font-family: Arial;font-size:12px;text-shadow: 0px 1px 2px gray}
a:hover {
-moz-transition: all .1s linear;
-webkit-transition: all .1s linear;
color: black ;
transition: all .1s linear;
}
body {
background-position: top;
}
.jogo {
background-image: url(http://i.imgur.com/225sa.png);
height: 299px;
background-repeat: no-repeat;
background-position-x: 46px;
width: 863px;
display: block;
}
.jogo:hover {
background-image: url(http://i.imm.io/uYD6.png);
background-repeat: no-repeat;
}
a:hover {
-moz-transition: all .1s linear;
-webkit-transition: all .1s linear;
color: black;
transition: all .1s linear;
}
body {
font-family: Arial;
}
.mess {
background-color: #241F1F;
padding: 10px;
width: 183px;
border: 1px solid #525050;
box-shadow: 0px 0px 20px #181818;
}
</style>
<style type="text/css"></style></head>
<body background="http://2.bp.blogspot.com/_BqID9iVH6oo/TLZKDM4KMbI/AAAAAAAAAA8/CuGHDnmo9UU/s1600/59348_Pape">


 
<body>
  <br>

<br>
<center>

<a href= "/forum"><img src="http://imageshack.us/a/img59/3687/cliquenaimagem.png" border="0"></a>

<br></a></center>
<br>
<br>
<br>


<center><div class="mess">
<font color="White">Clique na Imagem para Entrar no Jogo</font></center></div>

<center><div class="mess"><font color="White">
Versão 3.0</font></center>
</div>
<br>
<br>
<br>
<a href="http://www.forumeiros.com" target="_blank"></a>
</body></html>[/b]

Você deseja utilizar o início e o final da página do seu fórum ?
:seta2: Coloque Não
Usar esta página como página inicial? Seta Coloque Sim
Admineiros Codigo HTML: você coloque o codigo Acima
avatar

James [B].
Nível 9

Masculino
Inscrito dia : 16/09/2012
Mensagens : 233
Pontos Ativos : 325

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

Resolvido Re: Criação de página htmal personalizada

Mensagem por jonathan.barros.666 em 15/05/13, 12:36 pm

Realizei o teste em um fórum de teste meu, no endereço www.cdzteste.forumeiros.com

Não realizei nenhuma edição no código, apenas o colei na área de gestão de páginas html e javascript e na área que seria a descrição do fórum coloquei um script <script src=http://cdzteste.forumeiros.com/></script>

Salvei tudo porém a página não funciona, ao acessar o fórum ele vai direto ao portal e ainda assim não carrega as informações mostrando apenas o banner, menu e contorno do fórum. Apenas ao clicar em visualizar na área de gestão da página html é que o código mostrou seu resultado, por isso gostaria de saber se realizei algum procedimento errado.
avatar

jonathan.barros.666
Nível 3

Masculino
Inscrito dia : 12/10/2012
Mensagens : 24
Pontos Ativos : 42

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

Resolvido Re: Criação de página htmal personalizada

Mensagem por James [B]. em 15/05/13, 12:39 pm

Coloca só o Codigo HTML
avatar

James [B].
Nível 9

Masculino
Inscrito dia : 16/09/2012
Mensagens : 233
Pontos Ativos : 325

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

Resolvido Re: Criação de página htmal personalizada

Mensagem por MateusA em 15/05/13, 12:40 pm

Olá,Apos criar a Pagina,Clique em Editar a Mesma Na segunda opção

Usar esta página como página inicial? Coloque Sim.

Só isso e pagina está funcionando.

Até mais.
avatar

MateusA
Hiperativo

Masculino
Inscrito dia : 13/05/2013
Mensagens : 3225
Pontos Ativos : 4215

Ver perfil do usuário https://www.facebook.com/forumeirospt https://twitter.com/forumeiros_pt

Resolvido Re: Criação de página htmal personalizada

Mensagem por James [B]. em 15/05/13, 12:41 pm

Tenta esse codigo

Código:

<html>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />

<head>
<title>Saint Seiya Ultimate - Pagina Inicial</title>
<link rel="shortcut icon" type="image/x-icon" href="http://illiweb.com/fa/favicon/form.png">
<style>
.body{font-family: Arial;font-size:12px;text-shadow: 0px 1px 2px gray}
a:hover {
-moz-transition: all .1s linear;
-webkit-transition: all .1s linear;
color: black ;
transition: all .1s linear;
}
body {
background-position: top;
}
.jogo {
background-image: url(http://i.imgur.com/225sa.png);
height: 299px;
background-repeat: no-repeat;
background-position-x: 46px;
width: 863px;
display: block;
}
.jogo:hover {
background-image: url(http://i.imm.io/uYD6.png);
background-repeat: no-repeat;
}
a:hover {
-moz-transition: all .1s linear;
-webkit-transition: all .1s linear;
color: black;
transition: all .1s linear;
}
body {
font-family: Arial;
}
.mess {
background-color: #241F1F;
padding: 10px;
width: 183px;
border: 1px solid #525050;
box-shadow: 0px 0px 20px #181818;
}
</style>
<style type="text/css"></style></head>
<body background="http://2.bp.blogspot.com/_BqID9iVH6oo/TLZKDM4KMbI/AAAAAAAAAA8/CuGHDnmo9UU/s1600/59348_Pape">


 
<body>
  <br>

<br>
<center>

<a href= "/forum"><img src="http://imageshack.us/a/img59/3687/cliquenaimagem.png" border="0"></a>

<br></a></center>
<br>
<br>
<br>


<center><div class="mess">
<font color="White">Clique na Imagem para Entrar no Jogo</font></center></div>

<center><div class="mess"><font color="White">
Versão 3.0</font></center>
</div>
<br>
<br>
<br>
<a href="http://www.forumeiros.com" target="_blank"></a>
</body></html>[/b]
avatar

James [B].
Nível 9

Masculino
Inscrito dia : 16/09/2012
Mensagens : 233
Pontos Ativos : 325

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

Resolvido Re: Criação de página htmal personalizada

Mensagem por jonathan.barros.666 em 15/05/13, 12:46 pm

agora funcionou, muito obrigado podem encerrar o tópico.
avatar

jonathan.barros.666
Nível 3

Masculino
Inscrito dia : 12/10/2012
Mensagens : 24
Pontos Ativos : 42

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

Ver o tópico anterior Ver o tópico seguinte Voltar ao Topo

- Tópicos similares

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