[Resolvido] Imagem backgound

[jovemweb 0]

Como colocar uma imagem como backgound no meu site? quando modifico a cor do fundo modifica tambem a cor de fundo dos menus, como contornar a situação? tenho pouco conhecimento em css.

segue meu CSS.

 

* {

 font-size:0.97em;

}

.edicao .editButton {

 display: block !important;

}

.edicao .diagram {

 border: dashed 1px #000 !important;

}

.edicao .titleBox {

border: dashed 1px #000;

}

.edicao .editableArea{

 border: 1px dashed #000;

}



.public .image {

display: none !important;

}



.public .editButton {

 display: none !important;

}

.public .diagram {

 border: none;

}

.pulic .titleBox {

border:none;

}

.editButton {

 margin-right:5px;

 margin-top:2px;

}

.titleBox{

 width: 95%;

 padding: 5px;

 margin-left:6px;

 margin-top:10px;

 color:#FFF;

}

.titleBoxContent{

 font-weight: bold;

}

.diagramArea{

 clear:both;

}

.diagram {

 padding: 5px;

 margin-top: 5px;

 margin-left: 5px;

 float: left;

 width: 95%;

}

.diagram img {

 margin: 2px;

 /*float: left;*/

}

.diagram .diagramLink{

 float: right;

}

/*

.public .border {

border:5px solid !important;

}

*/



/**/

.container3 {

 background:white;

 float:left;

 overflow:hidden;

 position:relative;

 width:100%;

}

.container2 {

 float:left;

 position:relative;

 width:70%;

}

.container1 {

 background:white;

 float:left;

 position:relative;

 right:1px;

 width:100%;

}

.col1 {

 float:left;

 overflow:hidden;

 padding:0 2px 2px;

 position:relative;

 width:98%;

}

.col2 {

 float:left;

 left:76%;

 overflow:hidden;

 position:relative;

 width:36%;

}

.col3 {

float:left;

 overflow:hidden;

 position:relative;

 width:29%;

}



.diagramComporter{

 float:left;

 border: 1px solid orange;

 width: 50px;

 margin: 2px;

 height:50px;

}

/**/



.clearBoth {

clear:both;

}

/* [/1] */



.editForm{

 margin: 5px;

 padding: 2px;

 text-align:center;

}

.edicao .editForm{

 border: dashed 1px #000 !important;

}

.editForm input, .editForm textarea{

 width: 250px;

}

.editForm form{

/* margin-left: 12%; */

}

.edicao .editEmail{

 display: auto !important;

}

.public .editEmail{

 display: none !important;

}

/* [/2] */



.imageGallery{

 margin:20px;

 padding:15px;

 text-align:center;

 width:85%;

}

.imageGalleryRow{

 float:left;

 margin:0 auto;

 width:100%;

 list-style-type:none;

 padding:0;

}

.imageGalleryRow .facebox{

 cursor:pointer;

}

.imageGalleryRow li{

 display:inline-block;

 margin:3px;

 overflow:hidden;

 padding:0;

 position:relative;

}

.imageGalleryRow li a{

 text-decoration: none;

 cursor: pointer;

 display: block;

 width: 46px; height:16px;

}

.imageGalleryRow li a .editButton{

 margin: 0px;

 padding:0px;

 position:absolute;

 left:0px; top:0px;

}

.imageGalleryRow li div img{

 border: none;

 margin: 0px;  padding:0px;

 cursor:pointer;

}

.imageGalleryComporter{

 float:left;

 text-align:center;

 width:100%;  height:auto;

}

/* [/3] */




#menuTab1{

 display:none !important;

}

.editavel div p{

 margin:0px;  margin-bottom:3px;  text-indent:5px;  font:inherit;

}/*

.editavel div p span{

 font-size: inherit !important;

}*/

/* [/4] */
       .colorTemplate1{
         color:#030303 !important;
       }

       .colorTemplate2{
         color:#7391ac !important;
       }

       .backgroundTemplate1{
         background-color:#bfbfbf !important;
       }

       .backgroundTemplate2{
         background-color:#FFFFFF !important;
       }

       .backgroundTemplate3{
         background-color:#FFFFFF !important;
       }

     .public .border{ 
       border: 2px solid #bfbfbf;
     }

 

Valeu.

[Bru_ce 53]

Poste seu site.

[santos_s 12]

Não consegui mais acessar minha conta, fiz outra.

segue o site

Meu site

 

Valeu

[angelorubin 142]

Bom dia,

 

Veja se isto ajuda - Clique aqui

[santos_s 12]

Ok, quando modifico o background e modificado tambem o fundo dos menus cabeçalho e rodapé, como modificar os menus,cabeçalho e rodapé?

[Bru_ce 53]

Coloca um pattern ai amigão, esse fundo esta muito "seco".

[dzanella 0]

Bom dia santos_s...

você está utilizando duas classes nos menus, cabeçalho e rodapé...

sendo q uma delas é a "backgroundTemplate1" e esta é a mesma q seta a cor do fundo dá página...

retire essa classe dos elementos q você não deseja q tenha a mesma cor do fundo e escolha o fundo q quiser para a classe desses elementos...

Espero ter sido claro...

 

Att...

[santos_s 12]

dzanella

Quando retirei a classe backgroundTemplate1 meu background ficou a cor marrom, não consegui mudar a cor do fundo dos menus, consegui alterar a cor das fonte dos menus. se possivel seja mais claro, pois meu conhecimento e CSS é limitado.

 

Valeu

 

Coloca um pattern ai amigão, esse fundo esta muito "seco".

 

Bru_ce, realmente o negócio a feio rsrsrs, só vou alterar quando conseguir mudar a cor dos menus.

 

valeu.

[dzanella 0]

Cara...

você não deve retirar a classe backgroundTemplate1 do seu arquivo CSS, e sim dos seus elementos HTML que você não deseja q tenha esse background-color...

Aí é só alterar a classe desse Elemento no arquivo CSS para usar o background q você deseja...

Sugiro também q você procure noções básicas sobre CSS... vai facilitar muito seu entendimento...

Dê uma em http://www.w3schools.com/css/default.asp

 

Abraços!

[santos_s 12]

Cara...

você não deve retirar a classe backgroundTemplate1 do seu arquivo CSS, e sim dos seus elementos HTML que você não deseja q tenha esse background-color...

Aí é só alterar a classe desse Elemento no arquivo CSS para usar o background q você deseja...

Sugiro também q você procure noções básicas sobre CSS... vai facilitar muito seu entendimento...

Dê uma em http://www.w3schools.com/css/default.asp

 

Abraços!

 

ok, irei testar aqui.

 

Valeu.

[santos_s 12]

Resolvido,

 

vlw galera.