Yo que pensaba que esta era una plantilla de lo más corriente, incluso tirando a cutre, y resulta que ya llevo unas cuantas peticiones centradas en cómo hacer el efecto bloc. En concreto, parece que el fondo de las entradas gusta bastante.
Pues nada, aunque ya lo he pasado varias veces por correo electrónico, ahora lo colocaré de manera pública y notoria, haciendo honor al "No rights reserved" de la sidebar.
La que se utiliza aquí está pensada para un fondo negro y es el jpg de la derecha (imagen original pinchando). Pero como la gran mayoría de blogs tienen fondo claro, he confeccionado 12 variaciones con otros tantos colores y formato gif para que los podais usar a discreción.
Pinchando en cada una, accedeis a la imagen original alojada en Photobucket.
Por si las flies, la manera de implantar este tipo de fondos es incorporando a la clase que controla el bloque de post (normalmente llamada de esta misma manera), el atributo BACKGROUND. Si ya lo teneis, sólo hay que cambiar la dirección de la imagen pre-existente, por la de la que se pretende poner nueva. Más o menos, tendreis algo parecido a esto...
...y la línea en negro es la que hay que añadir/modificar para que se quede como es debido. Importante colocar el REPEAT-Y y LEFT TOP. Seguramente, también tengais que modificar los pixels del PADDING para la izquierda y la derecha (cuarto y segundo número, respectivamente)
Pues nada, aunque ya lo he pasado varias veces por correo electrónico, ahora lo colocaré de manera pública y notoria, haciendo honor al "No rights reserved" de la sidebar.La que se utiliza aquí está pensada para un fondo negro y es el jpg de la derecha (imagen original pinchando). Pero como la gran mayoría de blogs tienen fondo claro, he confeccionado 12 variaciones con otros tantos colores y formato gif para que los podais usar a discreción.
Pinchando en cada una, accedeis a la imagen original alojada en Photobucket.
Por si las flies, la manera de implantar este tipo de fondos es incorporando a la clase que controla el bloque de post (normalmente llamada de esta misma manera), el atributo BACKGROUND. Si ya lo teneis, sólo hay que cambiar la dirección de la imagen pre-existente, por la de la que se pretende poner nueva. Más o menos, tendreis algo parecido a esto...
.post {
margin:5px;
font-family: Arial, Comic;
background:url(http://img140.imageshack.us/img140/5438/blocazul1200x35xl2.gif) repeat-y left top;
}
margin:5px;
font-family: Arial, Comic;
background:url(http://img140.imageshack.us/img140/5438/blocazul1200x35xl2.gif) repeat-y left top;
}
...y la línea en negro es la que hay que añadir/modificar para que se quede como es debido. Importante colocar el REPEAT-Y y LEFT TOP. Seguramente, también tengais que modificar los pixels del PADDING para la izquierda y la derecha (cuarto y segundo número, respectivamente)