martes, 7 de diciembre de 2010

Un poco de .CSS en nuestro blog

Podemos mejorar el aspecto (diseño) de nuestro blog utilizando selectores CSS en un nuevo lugar que Blogger proporciona para ello. El código CSS lo podemos añadir, sin necesidad de enlazar un archivo .css, en este lugar [Diseñador de Plantillas] > [Avanzado] > [Añadir CSS]. Ver videotutorial en la Web del seminario.

Este es el código para algunas características:


/* -------------------------Posición de objetos */
.dcha{
   float: right;
   padding: 0px 0px 2px 10px;
   margin: 0px 0px 2px 10px;
}
.izda{
   float:left;
   padding: 0px 10px 2px 0px;
   margin: 0px 10px 2px 0px;
}
.centrar{
   text-align: center;
   padding: 5px;
   margin: 5px;
}

/* ------------------------- Adornos */
.capital:first-letter{
   color: #808080;
   font-size: 250%;
   line-height: 100%;
}

.nota{
   background: #FFE6DF;
   border-bottom: 1px solid #FFD9CF;
   border-top: 1px solid #FFD9CF;
   padding: 5px 10px;
   display: block;
}

/* ----------------------- Quita la barra superior de Blogger */
#navbar-iframe {
   height:0px;
   visibility:hidden;
   display:none
}