lunes, 7 de enero de 2013

Cambiar el color de fondo de la columna lateral (sidebar)



Te lo explico en el tema Redux pero lo puedes tomar de base para cualquier otro tema.

Busca con el comando (ctrl + f) :

                #wrapper #sidebar #top {


Y debajo veras este código:
background: #fff;

Sustituye fff por el código del color que quieras usar como fondo.
En esta pagina puedes ver el código de todos los colores: http://html-color-codes.info/codigos-de-colores-hexadecimales/



EJEMPLO:

#wrapper #sidebar #top {
                    border-radius: 10px 10px 10px 10px;
border: 4px solid #000; 
box-shadow: 0 0 5px 5px rgba(0,177,223,1);
                    background: #3489C2;
                    padding: 0 20px;



Inicialmente estaría así:








Tras editarlo se quedaría así:






Si quieres poner una imagen de fondo en vez de un color, pon este código:


#wrapper #sidebar #top {
                    border-radius: 10px 10px 10px 10px;
border: 4px solid #000; 
box-shadow: 0 0 5px 5px rgba(0,177,223,1);
background: url('URL_DE_IMAGEN_ENTRE_LAS_COMILLAS');
                    padding: 0 20px;


         
La imagen que pongas también puede ser un gif.

 Queda muy bien con un gif ^^.


6 comentarios:

  1. hola! no me funciona :c busque pero no sale #wrapper #sidebar #top { en el codigo de mi tumblr :C

    ResponderEliminar
    Respuestas
    1. Búscalo sin usar la función de "Buscar" o busca alguna palabra que este cerca de:
      #wrapper #sidebar #top {

      Y recuerda que si no tienes columna lateral es imposible que te salga.

      Eliminar
  2. Hola oye me gustaria quitar ese como margen azul que tiene al rededor ya que mi fondo del blog y el color de la sidebar estan bien pero no me gusta esa cosa azul y otra cosa, como cambio la imagen esa que es como avatar? Gracias(:

    ResponderEliminar
    Respuestas
    1. Para el tema de margenes mirate el tutorial de delasazores: http://delasazores.com/post/15020024589/quinto-post-de-ayuda-podeis-ver-los

      La imagen de avatar la puedes cambiar desde la configuración de tu blog (Dale al engranaje de arriba)

      Eliminar
  3. Yo tampoco tengo ese código, no me sale para poder modificar.
    Quizás es por la plantilla original. La mía creo que era filigrana que no tiene color de fondo la sidebar, es transparente

    ResponderEliminar