En el CSS del código de la plantilla están definidas las características de los elementos de la sidebar.
Has de copiarlos, y pegarlos debajo, renombrándolos, para que los de la nueva sidebar sean como los de la original.
Los códigos los encontrarás en dos sectores.
Los que corresponden al módulo de arriba, están debajo de los códigos del perfil.
Son todos estos (como el código es muy largo y una vez pegados solo has de cambiar el nombre, te pondré los títulos; en letra normal el original y en negrita cómo los has de llamar):
#sidebartop-wrap /
#newsidebartop-wrap#sidebartop-wrap2 /
#newsidebartop-wrap2#sidebartop h2 /
#newsidebartop h2#sidebartop a /
#newsidebartop a#sidebartop a:hover /
#newsidebartop a:hover#sidebartop a:visited /
#newsidebartop a:visitedComo ves se trata de añadir new delante de cada título. El resto no hay que tocarlo.
Luego buscas los códigos de sidebarbottom, que están un poco más abajo, debajo de .widget-content y van desde #sidebarbottom-wrap1 hasta .sidebar p y haces lo mismo, copias, pegas debajo y renombras todos los sectores poniendo new delante del nombre de cada uno de ellos.
Una vez hecho esto haz vista previa.
Y ya verás que los módulos de la nueva sidebar tienen el mismo aspecto que los de la original.
Y si quieres añadir más módulos, en
Tuneando la rounders encontrarás las instrucciones para hacerlo.
Tan solo habrás de tener en cuenta que, si quieres añadírselos a las dos sidebars, tendrás que repetir lo que pone allí, pero con los códigos de los modulos de la newsidebar.
Una última cosa:
Si quieres poder modificar el color del fondo desde Fuentes y colores, copia la primera variable que hay en la lista y cámbiale el nombre y la descripción.
En name lo dejas en bgColor (se llama mainBgColor) y en description lo dejas en Background Color, (pone Main Background Color).
Después en body borra los números que hay en background: y escribe en su lugar $bgColor. (Vigila de no borrar el punto y coma final).
Y ya podrás modificar el color desde Fuentes y colores.
Si quisieras ponerle una imagen de fondo, en su lugar pones: url(la dirección de la imagen) repeat fixed; (repeat para que se repita en todo el blog y fixed para que el blog se deslice sobre el fondo).
Si la imagen es como la de aquí, que no tiene fondo has de poner las dos cosas, el color y la dirección, en este orden, dejando un espacio entre ambos, con lo que la línea quedaría así:
background: $bgColor url(dirección) repeat fixed;
Y Recuerda: Haz siempre vista previa antes de guardar nada.
