Página Super Basica HTML

2 participantes

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

Tópico resolvido Página Super Basica HTML

Mensagem por TappedOut 15.06.14 3:42

  • Descrição:
Queria uma pagina html pronta, com esta imagem de fundo:
https://i.imgur.com/xh9CXdM.png
E no meio da Página HTML Tivesse um texto pra min editar ( Com a font Comic Sans MS com a cor branca letra tamanho 20)
Embaixo do texto que fica o texto pra min editar queria por uma imagem de botão escrito Voltar ao forum

  • Informações:
Fórum:http://thesimpsons-forum.forumeiros.com/Versão:PUNBB
Tipo:Pedido de códigoTags:Página,Super,Basica



Última edição por Brian_Gamer em 15.06.14 15:53, editado 1 vez(es)
TappedOut

TappedOut
Membro

Membro desde : 08/05/2014
Mensagens : 545
Pontos : 756

http://www.gtav-curiosidades.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Página Super Basica HTML

Mensagem por waghcwb 15.06.14 15:11

Olá,

Não é necessário o uso de uma imagem preta.. Pode-se fazer via CSS

Segue o conteúdo
Código:
<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <title>Título da página</title>
  <style type="text/css">
    *, *:before, *:after {
      -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
              box-sizing: border-box;
      margin: 0;
      padding: 0;
    } 
    body{
      font: 20px 'Comic sans MS';
      background: #000;
      color: #fff;
    }
    #content{
      display: inline-block;
      width: 200px;
      height: 30px;
      text-align: center;
      position: absolute;
      left: 50%;
      margin-left: -100px;
      top: 50%;
      margin-top: -100px;
    }
    #content a{
      color: #fff;
      display: block;
      font-size: 15px;
      margin-top: 1em;
    }
  </style>
</head>
<body>

  <div id="content">
    Seu texto
    <a href="#">Voltar ao fórum</a>
  </div>
 
</body>
</html>
waghcwb

waghcwb
Membro

Membro desde : 07/09/2012
Mensagens : 734
Pontos : 1097

http://punbb.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Página Super Basica HTML

Mensagem por TappedOut 15.06.14 15:25

Amigo eu quero com a imagem............... poiis caso quando eu querer mudar pra botar algo no fundo n vo ter trabalho!
TappedOut

TappedOut
Membro

Membro desde : 08/05/2014
Mensagens : 545
Pontos : 756

http://www.gtav-curiosidades.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Página Super Basica HTML

Mensagem por waghcwb 15.06.14 15:27

Olá,

Aqui está
Código:
<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <title>Título da página</title>
  <style type="text/css">
    *, *:before, *:after {
      -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
              box-sizing: border-box;
      margin: 0;
      padding: 0;
    } 
    body{
      font: 20px 'Comic sans MS';
      background: #000 url('http://i.imgur.com/xh9CXdM.png');
      color: #fff;
    }
    #content{
      display: inline-block;
      width: 200px;
      height: 30px;
      text-align: center;
      position: absolute;
      left: 50%;
      margin-left: -100px;
      top: 50%;
      margin-top: -100px;
    }
    #content a{
      color: #fff;
      display: block;
      font-size: 15px;
      margin-top: 1em;
    }
  </style>
</head>
<body>

  <div id="content">
    Seu texto
    <a href="#">Voltar ao fórum</a>
  </div>
 
</body>
</html>
waghcwb

waghcwb
Membro

Membro desde : 07/09/2012
Mensagens : 734
Pontos : 1097

http://punbb.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Página Super Basica HTML

Mensagem por TappedOut 15.06.14 15:51

Grato, wagh.
#Resolvido
TappedOut

TappedOut
Membro

Membro desde : 08/05/2014
Mensagens : 545
Pontos : 756

http://www.gtav-curiosidades.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