Página Super Basica HTML

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

Resolvido Página Super Basica HTML

Mensagem por TappedOut em 14/06/14, 11:42 pm

  • Descrição:
Queria uma pagina html pronta, com esta imagem de fundo:
http://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, 11:53 am, editado 1 vez(es)
avatar

TappedOut
Usuário destaque

Masculino
Inscrito dia : 07/05/2014
Mensagens : 545
Pontos Ativos : 756

Ver perfil do usuário http://www.gtav-curiosidades.forumeiros.com

Resolvido Re: Página Super Basica HTML

Mensagem por waghcwb em 15/06/14, 11:11 am

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>
avatar

waghcwb
Usuário destaque

Masculino
Inscrito dia : 06/09/2012
Mensagens : 734
Pontos Ativos : 1097

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

Resolvido Re: Página Super Basica HTML

Mensagem por TappedOut em 15/06/14, 11:25 am

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

TappedOut
Usuário destaque

Masculino
Inscrito dia : 07/05/2014
Mensagens : 545
Pontos Ativos : 756

Ver perfil do usuário http://www.gtav-curiosidades.forumeiros.com

Resolvido Re: Página Super Basica HTML

Mensagem por waghcwb em 15/06/14, 11:27 am

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>
avatar

waghcwb
Usuário destaque

Masculino
Inscrito dia : 06/09/2012
Mensagens : 734
Pontos Ativos : 1097

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

Resolvido Re: Página Super Basica HTML

Mensagem por TappedOut em 15/06/14, 11:51 am

Grato, wagh.
#Resolvido
avatar

TappedOut
Usuário destaque

Masculino
Inscrito dia : 07/05/2014
Mensagens : 545
Pontos Ativos : 756

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