Fuente editor de código ( por ejemplo: Notepad + + , Carmesí, etc )
Ver Más instrucciones
Reemplazar Imágenes
1
reemplazar la imagen del logotipo . El logo y otras imágenes de la plantilla se encuentran en las imágenes de la carpeta con la siguiente ruta de acceso : /includes /templates /clásicos /images
Para cambiar el texto alternativo , el tamaño de la imagen o nombre asociado con el nuevo logo , use un editor de código fuente para abrir el header.php archivo que se encuentra en la siguiente ruta de acceso : includes /languages /spanish /header.php
realizar cambios en el código de las líneas 21 a 25, entre el segundo conjunto de apóstrofes , para reflejar los cambios deseados. No deje espacios entre la información y los apóstrofes .
2
Cargar una nueva imagen en el servidor de las mismas dimensiones y con el mismo nombre para sobrescribir la imagen de cabecera actual. El tamaño de la imagen de cabecera es de 760 píxeles de ancho por 110 píxeles de alto , y el nombre es : . Header_bg.jpg
3
Cargar la nueva imagen con el nombre tile_back.gif sobrescribir la imagen de la barra de título existente en el servidor . Las barras de título horizontales vistos en plantilla predeterminada Zen de compra son sólo 11 píxeles de ancho por 30 píxeles de alto y se repiten según sea necesario para la construcción de lo que se presenta como un tubo alargado . Crear una imagen similar en el software de diseño gráfico de un color deseado , con o sin el punto culminante dimensional y el sombreado.
Cambio de colores y bordes
4
stylesheet.css abiertas en un editor de código fuente , situada en el conjunto de archivos original, siguiendo la ruta de acceso : /includes /templates /clásicos /css /stylesheet.css
5
Cambie los colores de fondo . Plantilla del Zen Cart " clásico " tiene un fondo azul claro . En el editor de código , busque la línea 16 : background- color: # e5edf5 ;
Los caracteres "# e5edf5 " indican un color específico de azul en el sistema de código de color hexadecimal HTML. ( Ref. 3 ) Para un fondo blanco , cambie el código a # ffffff o para el uso negro # 000000. Si se prefiere, entre en el código de cualquier otro color.
6
Cambiar el envoltorio principal cuerpo. El código que se encuentra en la Línea 186 : border : . 1px solid # 9a9a9a , el control de las estrechas líneas grises verticales que bordean los lados izquierdo y derecho del Zen Cart
Personalización de las opciones incluyen: Cambie el código HTML del color a un color preferido. Hacer que el borde más ancho al aumentar el tamaño de píxel . Si se prefiere ninguna frontera , quite esta línea de código completo, o hacerlo invisible para que pueda utilizarlo en una fecha posterior . Para que la línea de comando invisible para el software , utilice con "/*" ( slash , asterisco ) al principio de la línea y "* /" (asterisco , slash ) al final de la línea.
7
cambiar el contenido de las fronteras de contenedores. Línea 553 : border : 1px solid # 9a9a9a ; controla los bordes izquierdo y derecho de la leftBoxContainer y rightBoxContainer . El borde inferior verde es controlado por la línea 554 : border -bottom: 5px sólido # 336633 ;
8
Cargar stylesheet.css al servidor. Utilice la misma ruta de archivo como en el conjunto de archivos para encontrar la ubicación correcta para sobrescribir el archivo CSS existente.