Gostaria de colocar uma página html assim

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

Resolvido Gostaria de colocar uma página html assim

Mensagem por #CentralDoEsporte em 20/06/12, 08:27 pm

Qual é minha questão:
Gostaria se possivel alguem conseguir fazer uma página com as seguintes caracteristicas...
Utilizar essa imagem como plano de fundo:
->http://i.imgur.com/puiXO.jpg

Onde tem o espaço do inicio colocar o link: http://metin2-br.forumeiros.com/
Onde tem o espaço do Forum colocar o link: http://metin2-br.forumeiros.com/forum
Onde tem o espaço do Blog colocar o link: http://mt2-br.blogspot.com.br/



Links e imagens do meu problema:
http://i.imgur.com/puiXO.jpg

Endereço do meu fórum:
http://metin2-br.forumeiros.com/

Versão do meu fórum:
PUNBB


Última edição por #CentralDoEsporte em 23/06/12, 03:43 pm, editado 1 vez(es)
avatar

#CentralDoEsporte
Nível 5

Masculino
Inscrito dia : 02/06/2012
Mensagens : 51
Pontos Ativos : 87

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

Resolvido Re: Gostaria de colocar uma página html assim

Mensagem por Gabe em 20/06/12, 08:37 pm

Olá!

O ideal seria que os botões fossem imagem separadas para facilitar a adição do link a elas. Posicionaríamos os botões com CSS e o fundo seria o mesmo, mas sem eles.

Espero ter sido claro. Piscada

Abraço.
avatar

Gabe
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 10/01/2010
Mensagens : 5770
Pontos Ativos : 7546

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

Resolvido Re: Gostaria de colocar uma página html assim

Mensagem por DropLeet em 21/06/12, 06:11 am

@Gabe escreveu:Olá!

O ideal seria que os botões fossem imagem separadas para facilitar a adição do link a elas. Posicionaríamos os botões com CSS e o fundo seria o mesmo, mas sem eles.

Espero ter sido claro. Piscada

Abraço.

Concordo! Autor, se possível, deixe o link das imagens separadamente pra facilitar a criação da página HTML.
avatar

DropLeet
Nível 9

Masculino
Inscrito dia : 24/08/2011
Mensagens : 196
Pontos Ativos : 285

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

Resolvido Re: Gostaria de colocar uma página html assim

Mensagem por #CentralDoEsporte em 21/06/12, 07:28 am

Estarei editando e logo mais coloco as imagens separadas...
avatar

#CentralDoEsporte
Nível 5

Masculino
Inscrito dia : 02/06/2012
Mensagens : 51
Pontos Ativos : 87

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

Resolvido Re: Gostaria de colocar uma página html assim

Mensagem por DropLeet em 21/06/12, 12:16 pm

Faltou o botão de Blog Desacordo
avatar

DropLeet
Nível 9

Masculino
Inscrito dia : 24/08/2011
Mensagens : 196
Pontos Ativos : 285

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

Resolvido Re: Gostaria de colocar uma página html assim

Mensagem por MateusV. em 21/06/12, 12:51 pm

Boa tarde.

Aqui está o código da página que o senhor deseja:
Código:
<!doctype html>
<html lang="en" class="no-js">
<head>
<style>

body {
background-image: url('http://i.imgur.com/XY5b4.jpg');
background-repeat: no-repeat;
background-color: #4B402C;
}
#logo {
margin-left: 300px;
margin-top: -130px;
position: absolute;
}
#inicio {
margin-top: 300px;
position: absolute;
margin-left: 480px;
z-index: 9999 !important;
}
#bg-l {
margin-top: 300px;
width: 500px;
margin-left: 350px;
position: absolute;
}
#blog {
position: absolute;
margin-top: 480px;
margin-left: 640px;
}
#forum {
position: absolute;
margin-top: 480px;
margin-left: 340px;
}
#render1 {
position: absolute;
margin-left: 150px;
margin-top: 350px;
}
#render2 {
width: 80px;
position: absolute;
margin-left: 880px;
margin-top: 350px;
}
</style>
   
</head>
<body>
<div id="logo"><img src="http://i.imgur.com/HVwjg.png" /></div>
   <div id="links"><a href="LINK_DO_INICIO" id="inicio"><img src="http://i.imgur.com/oeLSi.png" /></a>
   <img id="bg-l" src="http://i.imgur.com/hSK9T.png" />
   <a href="LINK_DO_BLOG" id="blog"><img src="http://i.imgur.com/1brxY.png" /></a>
   <a href="LINK_DO_FORUM" id="forum"><img src="http://i.imgur.com/WqZJC.png" /></a></div>
   <img id="render1" src="http://i.imgur.com/gbgMu.png" />
   <img id="render2" src="http://i.imgur.com/t1cbM.png" />
</body>
</html>

Substitua os links que estão escritos como "LINK_DO_INICIO" ou "LINK_DO_BLOG".

Cordialmente, Chronos. Piscada
avatar

MateusV.
Principal contribuidor
Principal contribuidor

Inscrito dia : 30/10/2011
Mensagens : 7017
Pontos Ativos : 9289

Ver perfil do usuário http://mateusv.site11.com/gerador2.html

Resolvido Re: Gostaria de colocar uma página html assim

Mensagem por #CentralDoEsporte em 21/06/12, 07:32 pm

'Chronos

Muito obrigado desde já, só gostaria de uma pequena ajuda...

O botão ''Forum'' só está com link em uma pequena parte do lado superior direito, como faço para arrumar esse detalhe?

Obrigado, até
avatar

#CentralDoEsporte
Nível 5

Masculino
Inscrito dia : 02/06/2012
Mensagens : 51
Pontos Ativos : 87

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

Resolvido Re: Gostaria de colocar uma página html assim

Mensagem por MateusV. em 23/06/12, 02:23 pm

Substitua o código da página por este:
Código:
<!doctype html>
<html lang="en" class="no-js">
<head>
<style>

body {
background-image: url('http://i.imgur.com/XY5b4.jpg');
background-repeat: no-repeat;
background-color: #4B402C;
}
#logo {
margin-left: 300px;
margin-top: -130px;
position: absolute;
}
#inicio {
margin-top: 300px;
position: absolute;
margin-left: 480px;
z-index: 9999 !important;
}
#bg-l {
margin-top: 300px;
width: 500px;
margin-left: 350px;
position: absolute;
}
#blog {
position: absolute;
margin-top: 480px;
margin-left: 640px;
}
#forum {
position: absolute;
margin-top: 480px;
margin-left: 340px;
z-index: 999 !important;
}
#render1 {
position: absolute;
margin-left: 150px;
margin-top: 350px;
}
#render2 {
width: 80px;
position: absolute;
margin-left: 880px;
margin-top: 350px;
}
</style>
 
</head>
<body>
<div id="logo"><img src="http://i.imgur.com/HVwjg.png" /></div>
  <div id="links"><a href="LINK_DO_INICIO" id="inicio"><img src="http://i.imgur.com/oeLSi.png" /></a>
  <img id="bg-l" src="http://i.imgur.com/hSK9T.png" />
  <a href="LINK_DO_BLOG" id="blog"><img src="http://i.imgur.com/1brxY.png" /></a>
  <a href="LINK_DO_FORUM" id="forum"><img src="http://i.imgur.com/WqZJC.png" /></a></div>
  <img id="render1" src="http://i.imgur.com/gbgMu.png" />
  <img id="render2" src="http://i.imgur.com/t1cbM.png" />
</body>
</html>

Abraços. Piscada
avatar

MateusV.
Principal contribuidor
Principal contribuidor

Inscrito dia : 30/10/2011
Mensagens : 7017
Pontos Ativos : 9289

Ver perfil do usuário http://mateusv.site11.com/gerador2.html

Resolvido Re: Gostaria de colocar uma página html assim

Mensagem por #CentralDoEsporte em 23/06/12, 03:43 pm

Obrigado funcionou corretamente!
avatar

#CentralDoEsporte
Nível 5

Masculino
Inscrito dia : 02/06/2012
Mensagens : 51
Pontos Ativos : 87

Ver perfil do usuário http://centraldoesporte.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