Zen Cart es shopping cart software de código abierto que cualquiera puede utilizar y modificar. Zen Cart tiene algunos elementos que dan la apariencia de un cuadro alrededor de la zona principal de sitio web y el logo de la Cesta Zen . Los cambios para modificar el código de la hoja de estilos en cascada que controla los elementos visuales es fácil una vez que sabes dónde buscar y cómo hacer cambios . Cosas que necesitará
editor de código fuente ( como Notepad + + o carmesí ) Programa de dibujo
(como Photoshop o GIMP )
Ver Más instrucciones
Fronteras Logo
1
Open " small_zen_logo.gif " en un programa de dibujo. La imagen se puede encontrar siguiendo la ruta de archivo NAME_OF_YOUR_ADMIN_FOLDER /images /small_zen_logo.gif . Este es el más pequeño de los dos logos Cesta Zen que aparecen en el área administrativa . Dentro del software, los logos Cesta Zen incluidos tienen una frontera que genera una imagen limitada por una caja. La eliminación de este cuadro crea un aspecto más agradable .
2
pintura sobre el borde oscuro de color blanco.
3
guardar la imagen modificada. Cargar en el servidor y sobrescribirá el carro logo Zen existente.
4 Repita los pasos 1 a 3 para la compra Zen logo que aparece en la parte superior del área administrativa . Que muchos selecciona sobrescribir este logo con el logotipo de su empresa con el mismo nombre de archivo y la ruta de archivo de imagen : NAME_OF_YOUR_ADMIN_FOLDER /images /logo.gif
Background Color
5
hoja de estilo abierto . css en un editor de código fuente. El archivo puede ser localizado en el archivo original establecido por este camino file : /includes /templates /clásicos /css /stylesheet.css
6
Cambie el color de fondo de azul a blanco. Plantilla del Zen Cart " clásico " tiene un fondo azul claro . Esto se puede cambiar en el stylesheet.css en el editor de código en la línea 16 : El actual código de color hexadecimal HTML para el azul es # e5edf5 . Cambie este código # ffffff para crear un fondo blanco.
7
Guarde el archivo . Mantenga stylesheet.css abierto en el editor de código y pasar a la siguiente sección.
Quitar bordes verticales
8
Localizar la línea 186 en el código de stylesheet.css . El código de la línea 186 se parece a esto : border : 1px solid # 9a9a9a ;
9
Borrar Line 186
10
Guardar los cambios en este archivo . . Subir stylesheet.css al servidor . Utilice la misma ruta de acceso que se encuentran en el conjunto de archivos para encontrar la ubicación correcta para sobrescribir el archivo CSS existente.