Para 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.





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
ResponderEliminarEro-k'rlox,primero que nada como estas disculpa si me tardé mucho en responder es que por asuntos personales no pude responderte antes.
ResponderEliminarbusca 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.
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/
ResponderEliminary 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
Ero-k'rlox,agrega antes de ]]></b:skin>
ResponderEliminaresto:
.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;
}
Ero-k'rlox,agrega antes de ]]></b:skin>
ResponderEliminaresto:
.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;
}
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
ResponderEliminarbueno 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