En un tutorial anterior se añadio una imagen de fondo a nuestro blog de prueba (post anterior), pero este nos redujo un poco la visibilidad del texto, asi que ahora para corregir este pequeño defecto, añadiremos colores de fondo a los contenedores y tambien algunos bordes, todo esto solo modificando el codigo CSS.
blog solo con imagen de fondo
Lo primero que haremos sera cambiar el color de fondo y el borde del contenedor mas exterior OUTER-WRAPER
Buscamos el codigo correspondiente, (se encuentra en la linea 146 de la plantilla que utilizo), se puede ver que especifica el ancho del contenedor con la etiquata WIDTH asi como otros valores, pero no se encuentra la etiqueta "background" que es la que utilizaremos, entonces añadimos la etiqueta con un color blanco y tambien añadimos las etiquetas border-left y border-right las cuales añaden bordes a ambos lados de la plnatilla. el codigo debe quedar asi:
Antes
despues
Realizaremos similar acción con el contenedor MAIN-WRAPER, añadiendo un color de fondo y unos bordes con lineas partidas
La plantilla con los nuevos cambios
No hay comentarios:
Publicar un comentario