EL STYLESHEET Y SUS SECRETOS
4 participantes
:: CONFIGURACION :: CONFIGURACIONES
Página 1 de 1.
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
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
Re: EL STYLESHEET Y SUS SECRETOS
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.
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.
Re: EL STYLESHEET Y SUS SECRETOS
Como cambio el color de los textos que salen en envio y devoluciones etc
quiero cambiar los texto centrales gracias
quiero cambiar los texto centrales gracias
Re: EL STYLESHEET Y SUS SECRETOS
edite las hojas desde su admin (editar pagina faciles) y añada el color con html
Re: EL STYLESHEET Y SUS SECRETOS
Por favor, ¿donde encuentro esto?
includes/templates/mi_template/css/stylesheet.css
Gracias
includes/templates/mi_template/css/stylesheet.css
Gracias
jofer- NEWCOMER
- Cantidad de envíos : 1
Inscripción : 14/06/2012
Edad : 57
Localización : BCN
:: CONFIGURACION :: CONFIGURACIONES
Página 1 de 1.
Permisos de este foro:
No puedes responder a temas en este foro.
|
|