• 0
Sign in to follow this  
Bortolucci

Como fazer uma espécie de "Fundo centralizado sobre fundo"?

Question

Olhem este site: www.sitecs.net

Perceba que nesse site tem um preto bem escuro no fundo, e mais no meio (onde fica o conteudo) tem um preto mais claro, como eu posso fazer isso?

E depois de fazer isso só escrever dentro dele?

Share this post


Link to post
Share on other sites

7 answers to this question

Recommended Posts

  • 0

Bem ae é só criar dois elementos tipo assim:

body{
background:[COR MAIS ESCURA];
}

#conteudo{
background:[COR MAIS clara];
width:800px;
height:auto!important;
min-height:500px;
height:500px;
}
<body>
<div id="conteudo">
<p>Conteudo</p>
</div>
</div></body>

só uma pergunta você faz sites com o que?

CSS?

Edited by hipnos na area

Share this post


Link to post
Share on other sites
  • 0

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
        <title>SITECS - Counter-Strike</title>
    </head>
    <body bgcolor="black">
        <p align="center"><img src="top.jpg"></p>
    </body>
</html>

Alias, o meu está em CSS, mais ainda não sei direito as coisas, então por isso perguntei =P

Edited by Bortolucci

Share this post


Link to post
Share on other sites
  • 0
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
        <title>SITECS - Counter-Strike</title>
        <style type="text/css">
body{
margin:0;
padding:0;
background:#000;
}
#corpo{
background:#0f0f0f;
width:800px;
height:500px;
}
#topo{
height:ALTURA DO BANNER;
}
        </style>
    </head>
    <body bgcolor="black">
        <div id="corpo">
        <div id="topo"><img src="top.jpg"></div>
        <div id="conteiner"><p>Conteudo</p></div>
        </div>
    </body>
</html>

Seria algo assim ;)

Edited by hipnos na area

Share this post


Link to post
Share on other sites
  • 0

O que seria essa linha? height:ALTURA DO BANNER;

E onde eu coloco a cor mais clara para ficar centralizada sobre o fundo que é preto (como eu já disse no começo do tópico)?

Share this post


Link to post
Share on other sites
  • 0

height:ALTURA DO BANNER; aqui vai a altura que você deseja

e com background:; se define a cor(essas cores são em "Hexadecimal")

mas assim lhe explicando ficará meio dificil recomendo que você leia isso:

Guia Html Em Pdf http://scriptbrasil.com.br/forum/index.php?showtopic=97464

Tutorial Css, Parte 1 E 2. http://scriptbrasil.com.br/forum/index.php?showtopic=99277

e isso:

http://scriptbrasil.com.br/forum/index.php?showtopic=104050

Share this post


Link to post
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Answer this question...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

Sign in to follow this