Modificar estilos en osCommerce

2ª parte de como modificar nuestra hoja de estilo oscommerce

Ahora nos encontramos con los siguientes estilos

este estilo engloba toda la cabecera de nuestra tienda oscommerce, puedes incluir un alto especifico…
TR.header {
background: #000000;/*color de fondo de la cabecera superior*/
}

Este estilo engloba la parte inferior de la cabecera, donde aparecen los enlaces y el breadcrumb, aquí puedes incluir el alto de dicho espacio…

TR.headerNavigation {
background: #ff0000;/*color de fondo de la cabecera inferior*/
}

Este estilo engloba el tipo , tamaño de texto, color de fondo, o cualquier otro estilo que desees introducir, como imagen de fondo…

TD.headerNavigation {
font-family: Tahoma, Verdana, Arial, sans-serif;
font-size: 0.8em;
background: #000000;
color: #5CA0C7;
font-weight : bold;
}
como podeis ver el tamaño de texto (font-size) estan expresados en em y no en px, de forma que cumpla con los estandares de la W3C, este tipo de formato de texto permite que el texto de tu tienda oscommerce se adapte al tamaño del monitor.

los 2 estilos siguientes corresponden a los enlaces mi cuenta, crear cuenta, mis compras, u otros enlaces que desees agregar en tu cabecera, en próximos tutoriales incluiremos trucos para mejorar el diseño de tu tienda oscommerce…
A.headerNavigation {
color: #5ca0c7;
}

A.headerNavigation:hover {
color: #ff00ff;
}

Continuaremos en próximas semanas