Modificar una plantilla

dakko · #1 01-Jul-2008, 11:39 AM

No sé si este es el sitio correcto para poner esta cuestión, pero...
Me gustaría modificar una plantilla de blogger.
Modificar lo típico, el color de fondo y algun dibujito para los separadores en el sidebar.

No se como hacerlo y me gustaría saber si alguien me pudiera dar algun consejo ó alguna info.
Salu2.

PD: Si entrais en mi blog, la plantilla que quiero modificar no es esa, es otra de 3 columnas que estoy pensando en ella para cambiarla.

César P. · #2 01-Jul-2008, 11:53 AM

Desde luego que se puede...

¿Qué plantilla es la que quieres modificar?

dakko · #3 01-Jul-2008, 12:54 PM

Aquí te dejo los enlaces
Enlace 1 (para descargar)
Enlace 2 (Muestra)

César P. · #4 01-Jul-2008, 01:35 PM

Para cambiar el color de fonde debes jugar con los "background":

En esta parte del código tienes dos opciones:

HTML Code:

#outer-wrapper {
    background: url(http://bp1.blogger.com/_Zuzii37VUO4/Rl57-5ya1mI/AAAAAAAABsw/C8Bl3wl2_Z8/s1600/img02.gif) repeat-x;
}

Bajar a tu ordenador la foto cuya url figura allí, modificar el color a tu gusto en algún editor de imágenes (o crear una barrita nueva de las mismas medidas y con el color que prefieras), subir la nueva imagen a un servidor (photobucket, imageshack, etc.) y colocar el nuevo enlace en vez del anterior.
Este nuevo color afecta a la cabecera

De igual manera para el sgte código:

HTML Code:

body {
    background: #374536 url(http://bp1.blogger.com/_Zuzii37VUO4/Rl57-5ya1lI/AAAAAAAABso/QWvhlG_fIF8/s1600/img01.gif);
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    font-size: 13px;
    color: $textocolor;

Este nuevo color afecta al resto del blog.

Así cambiarás el color de fondo de todo tu espacio, pero recuerda no mover ninguno de los parámetros adyacentes: Sólo la URL

Para los separadores de la sidebar... déjame ver.

César P. · #5 01-Jul-2008, 01:39 PM

Pues es igual: ubicas...

HTML Code:

.sidebar h2 {
    margin-bottom: 20px;
    padding: 15px 0 1px 0;
    background: url(http://bp2.blogger.com/_Zuzii37VUO4/Rl57_Jya1oI/AAAAAAAABtA/uOoJfQ0hMPQ/s1600/img06.gif) repeat-x left bottom;
    text-transform: lowercase;
    letter-spacing: 1px;
    font-size: 18px;
    font-style: italic;
    color: $colortituloslateral;

y cambias o quitas la url que allí se muestra.

Mucha suerte!

dakko · #6 01-Jul-2008, 03:22 PM

Muchas gracias! ya conseguí cambiar el color.
Salu2 amigo.

Agudovk · #7 29-Jul-2008, 06:41 AM

Mira aqui te dejo la url de mi blog donde puedes encontrar bastantes trucos para modificar la plantilla de blogger. Espero que te sirva

http://ayudaparamiweb.blogspot.com