EL STYLESHEET Y SUS SECRETOS

Editar la hoja de estilos

Todo lo referente a los colores, se
cambia en la hoja de estilos, este archivo es:
includes/templates/mi_template/css/stylesheet.css. En la hoja de
estilos se puede cambiar los colores, estilos de letra y otros detalles
de la navegación de su tienda zencart, las variables que puede
modificar son:


A :Cambia los colores de texto en los bloques de la izquierda y la derecha como "Advanced" y el texto del bloque de información.

A.headerNavigation :Colores del texto en la tabla coloreada de arriba (Top Catalog etc...links listed only)

A.pageResults

A.hover : Color de los enlaces cuando se pasa por encima

BODY :
Type color es el color del texto en los bloques de las columnas de la izquierda y la derecha y el texto del cuerpo.
Color de fondo en el cuerpo del texto pero no en el encabezado.
Establece el color del borde que rodea la página.
Establece el borde superior a 10 con el mismo color y esto desplegará la tabla.

DIV.pageHeading :Color al final de la página de pedido que dice "Your Checkout Has Been Processed!"

FORM
:Cambia el color de este texto, usa palabras clave para encontrar el
producto que estás buscando en el bloque "Quick Find" de la izquierda.

SPAN.greetUser :Tu nombre en la página por defecto -Welcome Guest!

SPAN.markProductOutOfStock

SPAN.newItemInCart:: Nuevo producto añadido a la tienda es de color diferente bajo la columna de la derecha "shopping cart"

TABLE.formArea
En "My Account Information" el color interior del bloque de mis detalles.
Establece el borde alrededor de los bloques en la sección del borde.

TABLE.infoBox
Color del borde alrededor de los bloques de la columna de la derecha y la izquierda en la sección de fondo.
Establece
el color de fondo y quita la línea de separación blanca entre la barra
de encabezado del bloque de la tabla y el cuerpo de cada tabla.

TABLE.infoBoxContents
Color dentro de los bloques de las columnas de la izquierda y la derecha en la sección del fondo.
Podrías establecer el color del texto de los bloques en la sección "Type" también.
También puedes establecer una imagen de fondo en la sección del fondo:
{ background-image; background-repeat: no-repeat }

TD.accountCategory

TD.checkoutBar
:Texto del final de la página de chequeo que dice [ delivery address |
payment method | confirmation | finished! ]

TD.footer: Color inferior del texto y la tabla

TD.formAreaTitle
Cambia el color del texto en la parte superior de los bloques en las páginas "My Account Info" .
Deja el color de texto en blanco y el color que aparecerá será el negro.

TD.headerInfo

TD.headerNavigation : Color de fondo del la barra superior y los colores de las flechas que apuntan hacia delante

TD.infoBoxHeading : Color del encabezado y el texto de los bloques de las columnas de la izquierda y la derecha.

TD.main :Si establece el color de texto es el de los bloques de la página "My Account Info".

TD.pageHeading

¿Qué hay de nuevo aquí? ¡Disfruta de tu compra! Color del texto en todas las páginas de productos.
Cambia el tamaño del texto también aquí.

TD.productListing data: cambia el color del texto del número de modelo de productos en las páginas de productos.

TD.productListing-heading

Color de la barra de producto superior que tiene "Product Name" "Price" "Buy Now" en él.
Establece el color de texto bajo esta sección para las palabras "Buy Now".

TD.smallText: Color del texto del copyright al final de la página.

TD.subBar

TR.accountHistory-even : Color de la barra de dirección superior

TR.accountHistory-odd : Color de la barra de dirección superior

TR.addressBook-even : Color de la barra de dirección superior para entradas en tu agenda de direcciones

TR.addressBook-odd : Color de la barra de dirección superior para entradas en tu agenda de direcciones

TR.alsoPurchased-even : Color de la barra de dirección superior

TR.alsoPurchased-odd : Color de la barra de dirección superior

TR.footer :Color de la barra inferior en los lados derechos e izquierdo de la barra, pero no en el centro de la barra.

TR.headerNavigation

TR.productListing-even :Listado con fondo blanco que aparece al hacer clic en un producto bajo un subencabezado

TR.productListing-heading

TR.productListing-odd Listado con fondo verde lima que aparece al hacer clic en un producto bajo un subencabezado

TR.productReviews-even :Listado con fondo blanco bajo la sección review

TR.productReviews-odd : Listado con fondo gris bajo la sección review

Para hacer que la plantilla ocupe toda la pantalla

Editas las hoja de estilo (.css) con el dreamweaver, en la hoja de
estilo de tu plantilla o template pon el ancho (width) a 100%
aqui:


#mainWrapper {
background-color: #ffffff;
text-align: left;
width: 100%;
vertical-align: top;
}
aqui tambien:
#navMainWrapper, #navSuppWrapper, #navCatTabsWrapper {
margin: 0em;
background-color: #9a9a9a;
font-weight: bold;
color: #ffffff;
height: 1%;
width: 100%;
}
con eso le dices que ajuste el ancho de la tabla al 100% de la pantalla.

Muchas gracias Mervir.

Esta es una informacion muy buena.

Saludos

Como cambio el color de los textos que salen en envio y devoluciones etc

quiero cambiar los texto centrales gracias

edite las hojas desde su admin (editar pagina faciles) y añada el color con html

Por favor, ¿donde encuentro esto?

includes/templates/mi_template/css/stylesheet.css

Gracias