Cambiar el color de fondo de un gadget | Makonico
La vida es mejor si usas un buen navegador. Rápido, Potentente, Seguro y Estable Mozilla Firefox es tu elección DESCARGALO
7

Cambiar el color de fondo de un gadget

Exclusivo de Daniel Rodriguez.pngPara poner un color de fondo en distintos gadgets no el predeterminado en algunas plantillas solo deben agregar una simple linea de código en el bloque de CSS,o bien sería antes de ]]></b:skin>.

Este efecto es tambien muy buscado por usuarios de blogs para hacer que no se vea el color de fondo de algun gadget o al contrario ponerle fondo ya sea imagen o color.

Para implementarlo pega antes de la sentencia ]]></b:skin>
en siguiente código:

#BlogList1 {background: #484848 left top;
}#BlogList1 h2 {
color: #ffffff;
padding-left: 20px;
}

Cambia lo que está en verde por la id de tu gadget.
Lo que está en naranja por el color de fondo que desees.
Lo que está en rojo por el color del título del gadget.
Y lo que está en azul es la alineación del título del gadget.

Con este pequeño elemento de código podrás cambiarle el color a cualquier gadget de tu blog.

7 OPINIONES:

  1. hola pues estado chekeando tu blog y esta bueno desde ahora te seguire me gusta arto y la verdad me gustaria que me ayudaas mucho en my blog pues soy nuevo en esto de blogs. este es my blog http://narutoshippudencolombi.blogspot.com y me gustaria que me ayudaras en muchas cosas pero me muero de verguenza con usted. entonses solo te queria pedir que me ayudaras en como le puedo cambiar el fondo ris que tiene my blog e intentado por todo lados y no e podido racias de ante mano si me puedes aytudar

    ResponderEliminar
  2. Ero-k'rlox,primero que nada como estas disculpa si me tardé mucho en responder es que por asuntos personales no pude responderte antes.

    busca esta linea:
    background: $bodybgColor;

    y cambiala por este código:

    background: url(URL de la imagen) no-repeat;
    background-attachment : fixed;

    donde dice URL de la imagen debes copiar la url
    de la imagen que quieres poner.


    si solo quieres cambiarle el color de fondo es este:

    background:#fffff; no-repeat;


    y si no te resulta envíame tu plantilla a mi correo ciberexperto@gmail.com.

    Saludos.

    ResponderEliminar
  3. hola men muchas gracias ahora ya lo corone gracias men aunke si por my fuera te lleno todo tu blog de preguntas ke tengo que se que a uno que otro le gustaria saber pero bueno soloo ayudame en otra cosita :D my blog es este http://narutoshippudencolombi.blogspot.com/
    y como puedes ver my plantilla no tiene barra lateral y los gadge que tengo en el lado izquierdo de my blog no tienen fondo asi como esta pagina de un amigo http://www.narutoshippudentv.com/ nose si tu sepas como colocarle esos fondos a los gadge no digo la el fondo de la letra digo el fondo de todo el gadge nose si puedas o no me aga entender gracias men y estoy al tanto de tu blog

    ResponderEliminar
  4. Ero-k'rlox,agrega antes de ]]></b:skin>
    esto:

    .even {
    background-color: #EEEEEE;
    }

    .odd {
    background-color: #AAAAAA;
    }

    Eso lo configuras a tu gusto.

    Luego antes de <b></head></b> coloca esto:

    <script src='http://bloggerhacked.googlepages.com/prototype.js' type='text/javascript'></script>
    <script src='http://bloggerhacked.googlepages.com/evenodd.js' type='text/javascript'></script>

    Si deseas redondear las esquinas pega tambien este código:

    .even {
    background-color: #EEEEEE;
    -moz-border-radius: 15px;
    -webkit-border-radius: 15px;
    border: solid #000000 1px;
    }
    .odd {
    background-color: #AAAAAA;
    -moz-border-radius: 15px;
    -webkit-border-radius: 15px;
    border: solid #000000 1px;
    }

    ResponderEliminar
  5. Ero-k'rlox,agrega antes de ]]></b:skin>
    esto:

    .even {
    background-color: #EEEEEE;
    }

    .odd {
    background-color: #AAAAAA;
    }

    Eso lo configuras a tu gusto.

    Luego antes de </head> coloca esto:

    <script src='http://bloggerhacked.googlepages.com/prototype.js' type='text/javascript'></script>
    <script src='http://bloggerhacked.googlepages.com/evenodd.js' type='text/javascript'></script>

    Si deseas redondear las esquinas pega tambien este código:

    .even {
    background-color: #EEEEEE;
    -moz-border-radius: 15px;
    -webkit-border-radius: 15px;
    border: solid #000000 1px;
    }
    .odd {
    background-color: #AAAAAA;
    -moz-border-radius: 15px;
    -webkit-border-radius: 15px;
    border: solid #000000 1px;
    }

    ResponderEliminar
  6. hola daniel gracias por responder a mis inquietudes. ise todo lo que me dijiste que isieras y no me sirvio no me hace ningun cambio solo cuando coloco el ultimo codigo ese de para redondear las esquinas coloco el codigo y ese codigo me aparese todo escrito arriba del banner nose si me puedas ayudar yo te doy poder en my blog para que me ayudes gracias muchisimas gracias

    ResponderEliminar
  7. bueno una solución si quieres haz una copia de tu plantilla actual y envíamela a mi correo y te coloco lo que me pides porque así no puedo ayudarte es seguro.

    ResponderEliminar

Si tienes una consulta sobre un Artículo haz tu comentario

USA ESTA LINEA PARA DEJAR ENLACES

<a href="Dirección de tu página">Título del enlace</a>

ARTÍCULOS RECOMENDADOS

CARGANDO PÁGINA
FACEBOOK
TWITTER