Mudar o background

kazary
(@kazary)

11 anos, 9 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)

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)

11 anos, 9 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.

Tags de tópico

Visualizações