InícioGostaria de colocar uma página html assim
4 participantes
Fórum dos Fóruns :: Ajuda e atendimento ao utilizador :: Questões sobre códigos :: Questões resolvidas sobre HTML e BBCode
Página 1 de 1
Gostaria de colocar uma página html assim
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
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- **
- Membro desde : 02/06/2012
Mensagens : 51
Pontos : 87 -
Re: Gostaria de colocar uma página html assim
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.
Abraço.
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.
Abraço.
Gabe- Membro Entusiasta
- Membro desde : 10/01/2010
Mensagens : 5769
Pontos : 7547 -
Re: Gostaria de colocar uma página html assim
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.
Abraço.
Concordo! Autor, se possível, deixe o link das imagens separadamente pra facilitar a criação da página HTML.
DropLeet- ***
- Membro desde : 24/08/2011
Mensagens : 196
Pontos : 285 -
Re: Gostaria de colocar uma página html assim
por #CentralDoEsporte 21.06.12 11:28
Estarei editando e logo mais coloco as imagens separadas...
#CentralDoEsporte- **
- Membro desde : 02/06/2012
Mensagens : 51
Pontos : 87 -
Imagens separadas
por #CentralDoEsporte 21.06.12 11:43
#CentralDoEsporte- **
- Membro desde : 02/06/2012
Mensagens : 51
Pontos : 87 -
DropLeet- ***
- Membro desde : 24/08/2011
Mensagens : 196
Pontos : 285 -
Re: Gostaria de colocar uma página html assim
por MateusV. 21.06.12 16:51
Boa tarde.
Aqui está o código da página que o senhor deseja:
Substitua os links que estão escritos como "LINK_DO_INICIO" ou "LINK_DO_BLOG".
Cordialmente, Chronos.
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.
MateusV.- Membro Entusiasta
- Membro desde : 30/10/2011
Mensagens : 7017
Pontos : 9284 -
Re: Gostaria de colocar uma página html assim
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é
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- **
- Membro desde : 02/06/2012
Mensagens : 51
Pontos : 87 -
Re: Gostaria de colocar uma página html assim
por MateusV. 23.06.12 18:23
Substitua o código da página por este:
Abraços.
- 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.
MateusV.- Membro Entusiasta
- Membro desde : 30/10/2011
Mensagens : 7017
Pontos : 9284 -
Re: Gostaria de colocar uma página html assim
por #CentralDoEsporte 23.06.12 19:43
Obrigado funcionou corretamente!
#CentralDoEsporte- **
- Membro desde : 02/06/2012
Mensagens : 51
Pontos : 87 -
Tópicos semelhantes» Ola gostaria que cria-se uma pagina html para mim
» Declaro Urgência Help HTML ( Colocar vídeo para tocar automaticamente quando abrir a página de entrada do fórum em HTML Preciso do códico em HTML
» Como criar uma página HTML assim
» Como colocar uma página assim no meu fórum?
» Como colocar pagina em HTML?
» Declaro Urgência Help HTML ( Colocar vídeo para tocar automaticamente quando abrir a página de entrada do fórum em HTML Preciso do códico em HTML
» Como criar uma página HTML assim
» Como colocar uma página assim no meu fórum?
» Como colocar pagina em HTML?
Fórum dos Fóruns :: Ajuda e atendimento ao utilizador :: Questões sobre códigos :: Questões resolvidas sobre HTML e BBCode
Página 1 de 1
Permissões neste sub-fórum
Não podes responder a tópicos