Criação de página htmal personalizada

3 participantes

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

Tópico resolvido Criação de página htmal personalizada

Mensagem por jonathan.barros.666 Qua 15 maio 2013 - 16:23

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 Qua 15 maio 2013 - 16:29, editado 1 vez(es)
jonathan.barros.666

jonathan.barros.666
Novo Membro

Membro desde : 12/10/2012
Mensagens : 24
Pontos : 42

http://www.academiaimperial.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Criação de página htmal personalizada

Mensagem por MateusA Qua 15 maio 2013 - 16:24

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://2img.net/i/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.
MateusA

MateusA
Hiper Membro

Membro desde : 13/05/2013
Mensagens : 3225
Pontos : 4215

https://www.facebook.com/forumeirospt https://twitter.com/forumeiros_pt

Ir para o topo Ir para baixo

Tópico resolvido Re: Criação de página htmal personalizada

Mensagem por jonathan.barros.666 Qua 15 maio 2013 - 16:30

Fico agradecido, vou testar e volto para informar o resultado.
jonathan.barros.666

jonathan.barros.666
Novo Membro

Membro desde : 12/10/2012
Mensagens : 24
Pontos : 42

http://www.academiaimperial.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Criação de página htmal personalizada

Mensagem por James [B]. Qua 15 maio 2013 - 16:35

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://2img.net/i/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
James [B].

James [B].
****

Membro desde : 16/09/2012
Mensagens : 233
Pontos : 325

http://skytemas.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Criação de página htmal personalizada

Mensagem por jonathan.barros.666 Qua 15 maio 2013 - 16:36

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.
jonathan.barros.666

jonathan.barros.666
Novo Membro

Membro desde : 12/10/2012
Mensagens : 24
Pontos : 42

http://www.academiaimperial.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Criação de página htmal personalizada

Mensagem por James [B]. Qua 15 maio 2013 - 16:39

Coloca só o Codigo HTML
James [B].

James [B].
****

Membro desde : 16/09/2012
Mensagens : 233
Pontos : 325

http://skytemas.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Criação de página htmal personalizada

Mensagem por MateusA Qua 15 maio 2013 - 16:40

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.
MateusA

MateusA
Hiper Membro

Membro desde : 13/05/2013
Mensagens : 3225
Pontos : 4215

https://www.facebook.com/forumeirospt https://twitter.com/forumeiros_pt

Ir para o topo Ir para baixo

Tópico resolvido Re: Criação de página htmal personalizada

Mensagem por James [B]. Qua 15 maio 2013 - 16:41

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://2img.net/i/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]
James [B].

James [B].
****

Membro desde : 16/09/2012
Mensagens : 233
Pontos : 325

http://skytemas.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Criação de página htmal personalizada

Mensagem por jonathan.barros.666 Qua 15 maio 2013 - 16:46

agora funcionou, muito obrigado podem encerrar o tópico.
jonathan.barros.666

jonathan.barros.666
Novo Membro

Membro desde : 12/10/2012
Mensagens : 24
Pontos : 42

http://www.academiaimperial.forumeiros.com

Ir para o topo Ir para baixo

Ver o tópico anterior Ver o tópico seguinte Ir para o topo

- Tópicos semelhantes

Permissões neste sub-fórum
Não podes responder a tópicos