MIZ TUTOZ : PERDONEN EL KAOS...... BLOG EN CONSTRUCCION...

viernes, 6 de agosto de 2010

Titulo del Gadget


Si quieres darle un color diferente al fondo de los títulos del gadget , aquí te dejo el Pasito a paso:

1. Ir a Diseño, edición HTML 2. Buscar ( ctrl F ) este código:

.sidebar h2{

3. Debajo añadimos esto:

background: #cccccc;
border: 1px solid #666666;
padding: 5px;

4. Si no encontramos este código (como me paso a mi) buscamos:


]]></b:skin>


5. Encima de ]]></b:skin> añadimos:

.sidebar h2{
background: #cccccc;
border: 1px solid #666666;
padding:5px;
}

Pequeños ajustes:

6. Para centrar el titulo del Gadget adregar encima de ]]></b:skin>
.sidebar h2{text-align: center;

7. Para borrar el color de fondo  y colocar una imagen .eliminar background: #cccccc y pegar en su lugar :
background: url(url de la imagen elegida)no-repeat top center;



8. Para cambiar el color de fondo cambiar el codigo cccccc por el que desees, puedes tomar los códigos en el diseñador de plantillas.
9. Para cambiar el color del borde cambiar el código 666666 por el que desees.
10. Para cambiar el grosor modificar border: 1px (a mayor tamaño + gruesa la linea)
11. Para alterar el tamaño del fondo mover padding:5px;
12. Usa vista previa antes de aplicar cambios.
fuentes:
http://elescaparatederosa.blogspot.com/2009/10/imagen-y-fondo-de-color-en-los-titulos.html
http://elbalcondejaime.blogspot.com/2009/09/centrar-el-contenido-de-cualquier.html#comment-form

6 comentarios:

  1. No funciono :(
    Me sale el fondo blanco.

    ResponderEliminar
  2. Solo necesitaba esto
    .sidebar h2{text-align: center;

    Gracias :)

    ResponderEliminar
  3. Que felicidad que les haya servido y Paaula disculpa si no puedo dar mas datos...se supone yo no se mucho, solo busco soluciones y si funcionan las registro aquí. A veces las configuraciones del Html no estan ordenadas igual en todas las compus.

    ResponderEliminar
  4. que lastima que no seguiste escribiendo en este blog estabas bien encaminado

    ResponderEliminar