Gostaria de colocar uma página html assim

4 participantes

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

Tópico resolvido Gostaria de colocar uma página html assim

Mensagem por #CentralDoEsporte 21.06.12 0:27

Qual é minha questão:
Gostaria se possivel alguem conseguir fazer uma página com as seguintes caracteristicas...
Utilizar essa imagem como plano de fundo:
->https://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:
https://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 19:43, editado 1 vez(es)
#CentralDoEsporte

#CentralDoEsporte
**

Membro desde : 02/06/2012
Mensagens : 51
Pontos : 87

http://centraldoesporte.forumeiros.com/

Ir para o topo Ir para baixo

Membro Entusiasta

Tópico resolvido Re: Gostaria de colocar uma página html assim

Mensagem por Gabe 21.06.12 0:37

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

Gabe
Membro Entusiasta
Membro Entusiasta

Membro desde : 10/01/2010
Mensagens : 5769
Pontos : 7547

https://ajuda.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Gostaria de colocar uma página html assim

Mensagem por DropLeet 21.06.12 10:11

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

DropLeet
***

Membro desde : 24/08/2011
Mensagens : 196
Pontos : 285

http://tutorialdoca.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Gostaria de colocar uma página html assim

Mensagem por #CentralDoEsporte 21.06.12 11:28

Estarei editando e logo mais coloco as imagens separadas...
#CentralDoEsporte

#CentralDoEsporte
**

Membro desde : 02/06/2012
Mensagens : 51
Pontos : 87

http://centraldoesporte.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Imagens separadas

Mensagem por #CentralDoEsporte 21.06.12 11:43

#CentralDoEsporte

#CentralDoEsporte
**

Membro desde : 02/06/2012
Mensagens : 51
Pontos : 87

http://centraldoesporte.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Gostaria de colocar uma página html assim

Mensagem por DropLeet 21.06.12 16:16

Faltou o botão de Blog Desacordo
DropLeet

DropLeet
***

Membro desde : 24/08/2011
Mensagens : 196
Pontos : 285

http://tutorialdoca.com

Ir para o topo Ir para baixo

Membro Entusiasta

Tópico resolvido Re: Gostaria de colocar uma página html assim

Mensagem por MateusV. 21.06.12 16:51

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

MateusV.
Membro Entusiasta
Membro Entusiasta

Membro desde : 30/10/2011
Mensagens : 7017
Pontos : 9284

http://mateusv.site11.com/gerador2.html

Ir para o topo Ir para baixo

Tópico resolvido Re: Gostaria de colocar uma página html assim

Mensagem por #CentralDoEsporte 21.06.12 23:32

'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é
#CentralDoEsporte

#CentralDoEsporte
**

Membro desde : 02/06/2012
Mensagens : 51
Pontos : 87

http://centraldoesporte.forumeiros.com/

Ir para o topo Ir para baixo

Membro Entusiasta

Tópico resolvido Re: Gostaria de colocar uma página html assim

Mensagem por MateusV. 23.06.12 18:23

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

MateusV.
Membro Entusiasta
Membro Entusiasta

Membro desde : 30/10/2011
Mensagens : 7017
Pontos : 9284

http://mateusv.site11.com/gerador2.html

Ir para o topo Ir para baixo

Tópico resolvido Re: Gostaria de colocar uma página html assim

Mensagem por #CentralDoEsporte 23.06.12 19:43

Obrigado funcionou corretamente!
#CentralDoEsporte

#CentralDoEsporte
**

Membro desde : 02/06/2012
Mensagens : 51
Pontos : 87

http://centraldoesporte.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