Suporte » Temas » Mudar o background

  • 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)
  • 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)

    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.