Modificar estilos en osCommerce

3ª parte de como modificar nuestra hoja de estilo oscommerce

Los 2 estilos siguientes configura o diseña los errores de la página y que aparece arriba del todo en la cabecera de la página, o mejor dicho, en el header

Los colores pueden ser utilizados como valores hexadecimales, rgb, también se puede utilizar el color directamente, como por ejemplo: blue, orange, yellow, black, green, white olive,etc…

TR.headerError {
background: #ff0000; /*color de fondo, en este caso estamos utilizando el color rojo con valor hexadecimal*/
}

TD.headerError {
font-family: Tahoma, Verdana, Arial, sans-serif;/*tipo de fuente*/
font-size: 0.8em;/* tamaño del texto*/
background: #ff0000;/*color de fondo, en este caso estamos utilizando el color rojo con valor hexadecimal, al igual que el TR*/
color: #ffffff;/*color del texto, en este caso el valor hexadecimal corresponde al blanco*/
font-weight : bold;/*grosor del tipo de fuente, si deseas que aparezca como negrita, algo más suave,etc*/
text-align : center;/* este estilo lo que hace es alinear el texto en el centro, a la izquiera o bien a la derecha, heredado o justificado*/
}

Los 2 siguientes estilos son parecidos a los anteriores, aunque lo que hacen es avisarte de algún tipo de información u olvido, como cuando no rellenas algún dato necesario, etc..

TR.headerInfo {
background: #00ff00;
}

TD.headerInfo {
font-family: Tahoma, Verdana, Arial, sans-serif;
font-size: 0.8em;
background: #00ff00;
color: #ffffff;
font-weight: bold;
text-align: center;
}

Los siguientes 2 estilos corresponden al pie de página o footer

TR.footer {
background: #ff0000;
}

TD.footer {
font-family: Tahoma, Verdana, Arial, sans-serif;
font-size: 0.8em;
background: #ff0000;
color: #ffffff;
font-weight: bold;
text-transform:capitalize;
}

Como podeis ver es algo intuitivo el trabajar con los estilos de nuestra tienda oscommerce

Aquí acabamos con la cabecera y el pie de página de nuestra tienda oscommerce, o bien, catálogo.

La próxima semana empezaremos con los estilos de las columnas derecha e izquierda, relleno, bordes y cabecera.

Una vez acabemos con las hoja de estilo, empezaremos un nuevo tutorial con el cual mejoraremos el diseño de nuestra tienda oscommerce