Mudar o background

  • kazary

    (@kazary)


    13 anos, 8 meses atrás

    Bem, basicamente o site está assim:
    http://i.imgur.com/Dwewj.png

    No index.php contém:

    <div id="the_body">
 <div class="container_12">
....

</div></div>

    E no css

    body{
	font:12px/20px  "Helvetica Neue", Helvetica, Arial, sans-serif;
	color:#444444;
	background:url(images/body_bg.gif) repeat;
}
.container_12, .container_16 {
margin-left: auto;
margin-right: auto;
width: 960px;
 }

    Pretendia criar no lado uma borda nas laterais, e no fundo colocar outra cor ou uma imagem. Como proceder no index.php e css pra obter esse resultado? Crio outra <div id=> depois do body?

    View post on imgur.com

Visualizando 2 respostas - 1 até 2 (de um total de 2)
  • brunobruno3

    (@brunobruno3)

    13 anos, 8 meses atrás

    Bom, no container você pode colocar:

    .container_12, .container_16 {
margin-left: auto;
margin-right: auto;
width: 960px;
border-right: 5px solid #000;
border-left: 5px solid #000;
 }

    E de imagem ou cor de fundo você pode usar:

    body{
background: #000;}

    Criador do tópico kazary

    (@kazary)

    13 anos, 8 meses atrás

    Muito obrigado. O ruim agora é que descobri que o .container_12, .container_16 { está unido com a classe do cabeçalho e rodapé
    http://imgur.com/wtWZ1.jpg
    Pois fica:

    <div id="header">
  <div id="top">
    <div class="container_12">
    #top{
	height:45px;
	background:url(images/top_bar_bg.gif) repeat-x;
	color:#565659;
	text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.7);
	font-size:11px;
	position:relative;
	z-index:2;
}
    <div id="footer">
  <div id="footer_border"></div>
  <div class="container_12">

div id="footer_bottom">
  <div class="container_12">
    #footer_border{
	height:8px;
	border-bottom:1px solid #fff;
#footer{
	background:url(images/footer_bg.gif) repeat;
	color:#8c8989;
}
#footer_bottom{
	margin:35px 0 0 0;
	padding:25px 0 0 0;
	background:url(images/footer_bottom_bg.gif) repeat;
}

    Como faria a separação? Grato

Visualizando 2 respostas - 1 até 2 (de um total de 2)
  • O tópico ‘Mudar o background’ está fechado para novas respostas.