EDITAR LA HOJA DE ESTILOS

Si estas empezando en oscommerce, aqui tienes lo que siginifica cada linea en su hoja de estilos, muy importante para que puedas modificar sin problemas tu oscommerce.

EDITAR LA HOJA DE ESTILOS

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.pageResultsA.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.markProductOutOfStockSPAN.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.accountCategoryTD.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á sera el negro.

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

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 tambien 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.subBarTR.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 izquiedo de la barra, pero no en el centro de la barra.

TR.headerNavigationTR.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

Related posts: