Página 1 de 3

Fundo Fixo (Background) Como fazer? [Resolvido]

Enviado: 30 Dez 2011, 20:11
por Mauricio Sampaio
Olá à todos.
Gostaria de saber como colocar um fundo fixo igual à deste site: http://www.aikade.com.br
Obs. Eu sei que esta loja foi feita com o Prestashop, por isso não sei se é possível no Opencart.

Obrigado desde já

Att
Mauricio

Re: Fundo Fixo (Background) Como fazer?

Enviado: 30 Dez 2011, 20:28
por Mauricio Sampaio
Já Resolvi, obrigado à todos.

Mas para quem quiser fazer isso também, segue à dica bem resumida.

1°Abra este arquivo: catalog/view/theme/seu-tema/stylesheet/stylesheet.css
2°Na linha body (+ ou -) na linha 20, insira background: url("enderço da imagem") repeat fixed center top #FFFFFF ;
3° Salve e veja como ficou.

Qualquer dúvida, posta aí.

Att,
Mauricio

Re: Fundo Fixo (Background) Como fazer?

Enviado: 05 Jan 2012, 11:33
por mauricioramisses
Mauricio Sampaio escreveu:Já Resolvi, obrigado à todos.

Mas para quem quiser fazer isso também, segue à dica bem resumida.

1°Abra este arquivo: catalog/view/theme/seu-tema/stylesheet/stylesheet.css
2°Na linha body (+ ou -) na linha 20, insira background: url("enderço da imagem") repeat fixed center top #FFFFFF ;
3° Salve e veja como ficou.

Qualquer dúvida, posta aí.

Att,
Mauricio
Passa o link da sua loja para eu ver como ficou. Abraços

Re: Fundo Fixo (Background) Como fazer? [Resolvido]

Enviado: 12 Jan 2012, 23:37
por Mauricio Sampaio
Fala aí chará...
Desculpe a demora em responder.
Mas segue o link aí: http://www.shopchinabrasil.com

Fique na paz

Re: Fundo Fixo (Background) Como fazer? [Resolvido]

Enviado: 16 Jan 2012, 00:25
por mauricioramisses
Mauricio Sampaio escreveu:Fala aí chará...
Desculpe a demora em responder.
Mas segue o link aí: http://www.shopchinabrasil.com

Fique na paz
Eae chará, ficou bem bacana sua loja, queria uma informação mais detalhada para mudar o beckground. Qual versao opencart ta usando?
Qual o tamanho da imagem ideal?
Tambem tenho uns contatos da china para importar produtos, em qual voce compra celulares? é de confiança? ja teve muitos problemas com mercadoria extraviada? trabalha com dropship ?passa seu email para trocarmos conhecimentos. abraços

Re: Fundo Fixo (Background) Como fazer? [Resolvido]

Enviado: 17 Jan 2012, 13:12
por Mauricio Sampaio
mauricioramisses escreveu:
Mauricio Sampaio escreveu:Fala aí chará...
Desculpe a demora em responder.
Mas segue o link aí: http://www.shopchinabrasil.com

Fique na paz
Eae chará, ficou bem bacana sua loja, queria uma informação mais detalhada para mudar o beckground. Qual versao opencart ta usando?
Qual o tamanho da imagem ideal?
Tambem tenho uns contatos da china para importar produtos, em qual voce compra celulares? é de confiança? ja teve muitos problemas com mercadoria extraviada? trabalha com dropship ?passa seu email para trocarmos conhecimentos. abraços
Cara, o tamanho da imagem depende muito do tamanho do monitor. Exemplo: O da minha casa é de 15" polegadas, então uma imagem de 1200px de largura por 800px de altura ficou perfeito. Porém para quem tem o monitor maior essa imagem vai se repetir. Seria bom você ir testando os tamanhos, eu fiz assim.

Meu email é: shopchinabrasil@gmail.com aí a gente troca algumas informações.

Fique na Paz

Re: Fundo Fixo (Background) Como fazer? [Resolvido]

Enviado: 17 Jan 2012, 16:56
por ocp3
Galera eu tenho uma dúvida em relação ao fundo das janelas. Assim que coloquei o background fixo, usando a dica acima, ficou muito bonita a aparencia do site, mas percebi que muitas partes do site tem transparência e com isso não dá constraste suficiente na hora de ler a descrição de cada produto. Gostaria de saber onde fazer as modificações para que eu tenha fundo branco em determinados modulos ou boxes.

www.agimportados.com é a página que estou fazendo no momento. Gratos!

Re: Fundo Fixo (Background) Como fazer? [Resolvido]

Enviado: 17 Jan 2012, 21:45
por ocp3
Consegui modificando (adicionando) essa linha no CSS

catalog/view/theme/default/stylesheet/stylesheet.css

procurei por
Código: Selecionar todos
#content {
min-height: 400px;
margin-bottom: 25px;
}
Substituir por
Código: Selecionar todos
#content {
background: #FFF;
min-height: 400px;
margin-bottom: 25px;
}

Re: Fundo Fixo (Background) Como fazer? [Resolvido]

Enviado: 17 Jan 2012, 22:32
por mauricioramisses
ocp3 escreveu:Consegui modificando (adicionando) essa linha no CSS

catalog/view/theme/default/stylesheet/stylesheet.css

procurei por
Código: Selecionar todos
#content {
min-height: 400px;
margin-bottom: 25px;
}
Substituir por
Código: Selecionar todos
#content {
background: #FFF;
min-height: 400px;
margin-bottom: 25px;
}

Amigao qual o modulo que vc usa de facebook, achei legal ele acompanhar a pag.
Onde voce consegue essas beckground? ficou bem legal. Abraços

Re: Fundo Fixo (Background) Como fazer? [Resolvido]

Enviado: 17 Jan 2012, 22:54
por mauricioramisses
Cara ainda pode copiar o .css e colocar aqui para eu ver como ficu? abraços