EL STYLESHEET Y SUS SECRETOS

Ir abajo

EL STYLESHEET Y SUS SECRETOS

Mensaje por MERVIR el Vie Mar 20, 2009 5:47 pm

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
avatar
MERVIR
ZENNER
ZENNER

Cantidad de envíos : 695
Inscripción : 13/03/2009
Localización : Barcelona (España)

Ver perfil de usuario http://mervir.com/

Volver arriba Ir abajo

Re: EL STYLESHEET Y SUS SECRETOS

Mensaje por MERVIR el Miér Ago 12, 2009 2:17 pm

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.
avatar
MERVIR
ZENNER
ZENNER

Cantidad de envíos : 695
Inscripción : 13/03/2009
Localización : Barcelona (España)

Ver perfil de usuario http://mervir.com/

Volver arriba Ir abajo

Re: EL STYLESHEET Y SUS SECRETOS

Mensaje por joca el Jue Ago 13, 2009 11:47 pm

Muchas gracias Mervir.

Esta es una informacion muy buena.

Saludos
avatar
joca
ROOKIE ZENNER
ROOKIE ZENNER

Cantidad de envíos : 32
Inscripción : 17/07/2009
Edad : 52
Localización : Madrid

Ver perfil de usuario http://www.promoinformatica.com

Volver arriba Ir abajo

Re: EL STYLESHEET Y SUS SECRETOS

Mensaje por wikipondi11 el Miér Ago 19, 2009 2:23 pm

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

quiero cambiar los texto centrales gracias

wikipondi11
ROOKIE ZENNER
ROOKIE ZENNER

Cantidad de envíos : 29
Inscripción : 20/04/2009

Ver perfil de usuario http://www.cosmeticoscanarias.com

Volver arriba Ir abajo

Re: EL STYLESHEET Y SUS SECRETOS

Mensaje por MERVIR el Miér Ago 19, 2009 3:11 pm

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

Cantidad de envíos : 695
Inscripción : 13/03/2009
Localización : Barcelona (España)

Ver perfil de usuario http://mervir.com/

Volver arriba Ir abajo

Re: EL STYLESHEET Y SUS SECRETOS

Mensaje por jofer el Jue Jun 14, 2012 5:58 pm

Por favor, ¿donde encuentro esto?

includes/templates/mi_template/css/stylesheet.css

Gracias

jofer
NEWCOMER
NEWCOMER

Cantidad de envíos : 1
Inscripción : 14/06/2012
Edad : 51
Localización : BCN

Ver perfil de usuario

Volver arriba Ir abajo

Re: EL STYLESHEET Y SUS SECRETOS

Mensaje por Contenido patrocinado


Contenido patrocinado


Volver arriba Ir abajo

Volver arriba

- Temas similares

 
Permisos de este foro:
No puedes responder a temas en este foro.