Post by nanogdl » Sun Mar 17, 2013 1:35 am

Que tal amigos acabo de ponerle fondo a mi opencart utilizando el codigo
background: url(../image/tu_imagen_de_fondo.png) no-repeat top center;

en el stylesheet y le deje el codigo
bakcground: #CCC;

para ponerle el fondo de color pero el problema es que el color de fondo aparece en toda la tienda y quisiera saber si alguien sabe como ponerle un marco para que quede en blanco la tiende algo como lo que adjunto
http://www.bestbuy.com.mx/

lo quise hacer de la siguiente manera pero me fallo

En los archivos header y footer .tpl entre las etiquetas body agrege una tabla pero al aplicarla me salia mal todo



Saludos
Last edited by nanogdl on Tue Jan 14, 2014 6:06 am, edited 2 times in total.

Newbie

Posts

Joined
Mon May 07, 2012 3:18 am

Post by zuhenry » Sun Mar 17, 2013 11:34 am

Hola.
La tienda se ve bien, solucionaste tu problema?
zh

Our latest page: http://www.paginas.in
http://www.macClasificados.com - Encuentra tu Apple PC mas barato, sin intermediarios


Active Member

Posts

Joined
Fri Sep 09, 2011 9:54 pm
Location - Colombia

Post by nanogdl » Sun Mar 17, 2013 11:43 am

Que tal temporalmente la acomode con la imagen de fondo para simular el marco que quiero hacer por medio del codigo pero al momento de poner por ejemplo #00000 de color de fondo en el CSS me sale tambien en la tienda.

Adjunto un ejemplo con una captura de pantalla de cuando cambio el color del fondo

Attachments

apge.JPG

ejemplo - apge.JPG (88.31 KiB) Viewed 2021 times


Newbie

Posts

Joined
Mon May 07, 2012 3:18 am

Post by reginamor » Fri Mar 22, 2013 4:41 am

lo que tienes que hacer es agregarle a #container lo siguiente

Code: Select all

 background: #fff;
 padding: 0 20px;
Si le quieres agregar una sombra tienes que agregar

Code: Select all

box-shadow: 0 0 5px rgba(0, 0, 0, 0.7)
Lo que se va complicar es que el menú de arriba esta puesto como una tabla y no tiene estilo ni un id, por lo que tienes que ir al header.tpl, buscar en el código la primera etiqueta <table> y agregarle el estilo ahí mismo:

Code: Select all

<table style="padding: 0 20px">
....
</table>

User avatar
Active Member

Posts

Joined
Wed Sep 21, 2011 4:44 am
Location - GB

Post by nanogdl » Fri Mar 22, 2013 5:01 am

Que tal amigo muchisimas gracias fue una solución muy buena, solo cambie en el stylesheet.css y no me fallo el header

Newbie

Posts

Joined
Mon May 07, 2012 3:18 am

Post by reginamor » Fri Mar 22, 2013 5:08 am

De nada ;)

Te ha salido, porque haz mantenidop la imagen como la tenias, si la quitas y pones el fondo negro, veras que el menu de arriba te quedará más pequeño. Ahí tendras que hacer el otro paso.

Un saludo!

User avatar
Active Member

Posts

Joined
Wed Sep 21, 2011 4:44 am
Location - GB

Post by nanogdl » Fri Mar 22, 2013 6:53 am

Ha si el de ayuda al cliente si sale mas pequeño pero al encargado le ha gustado como quedo asi pequeña, uuff que bien jejeje

Sobre el fondo si ya lo chque y funciono al 1000 ya estan los diseñadores haciendome el otro fondo ahora que lo cambie les mostrare como ha quedado.

Saludos

Newbie

Posts

Joined
Mon May 07, 2012 3:18 am

Post by nanogdl » Sat Mar 23, 2013 3:09 am

Que tal amigos por fin ha quedado finalizado el dato que me ha pasado "reginamor"

paso a poner solucionado al tema


Saludos y Gracias!!!
Last edited by nanogdl on Thu Jan 30, 2014 1:30 pm, edited 1 time in total.

Newbie

Posts

Joined
Mon May 07, 2012 3:18 am

Post by tecnohyd » Tue Aug 27, 2013 8:44 am

Estimado nanogdl:
serias tan amable de indicarme como haz hecho lo del marco en la tienda, justo ando buscando como hacerlo pero no logro realizarlo.

estare muy agradecido si pudieras ilustrarnos como haz realizado este trabajo.

saludos

Newbie

Posts

Joined
Tue Aug 27, 2013 8:39 am

Post by nanogdl » Tue Jan 14, 2014 6:09 am

tecnohyd wrote:Estimado nanogdl:
serias tan amable de indicarme como haz hecho lo del marco en la tienda, justo ando buscando como hacerlo pero no logro realizarlo.

estare muy agradecido si pudieras ilustrarnos como haz realizado este trabajo.

saludos

Que tal perdón por tardar en contestar todo es cuestion de modificar el stylesheet y siguiendo los pasosos del segundo comentario.

Yo hice dos instalaciones en una practico y en la otra lo aplico y asi no arriesgo

Saludos

Newbie

Posts

Joined
Mon May 07, 2012 3:18 am

Post by solanogdl » Tue Oct 12, 2021 2:03 pm

Hola alguien sabe como se hace para poner el container?

Newbie

Posts

Joined
Wed Nov 30, 2016 3:08 am
Who is online

Users browsing this forum: No registered users and 131 guests