Tooltip con CSS

Tooltip-ms1

CSS: TOOLTIPS ANIMADOS PARA BLOGGER  

CSS: TOOLTIPS ANIMADOS PARA BLOGGER

 Tooltiptc
Si bien existen toda clase de Tooltips, en esta publicación les enseñare una forma sencilla de crearlos incluyendo su animación. Veamos, para crearlo necesitamos 3 cosas: la primera sería el elemento...Leer más» 

Tooltip-ms2

CSS: TOOLTIPS ANIMADOS PARA BLOGGER  

CSS: TOOLTIPS ANIMADOS PARA BLOGGER

 Tooltiptc
Si bien existen toda clase de Tooltips, en esta publicación les enseñare una forma sencilla de crearlos incluyendo su animación. Veamos, para crearlo necesitamos 3 cosas: la primera sería el elemento...Leer más» 

Caja

Una caja contenedora con estilo. Esta es una base.

Bosquejo de la nueva imagen para Blogger

***

Estilo para las imágenes dentro de un post

Tomado desde Ciudad Blogger

Podemos darle un estilo muy personalizado a nuestras entradas con una imagen de fondo como esta que estoy publicando. Para tener este efecto en el texto de nuestras entradas sólo usamos el siguiente código dentro del post:

<table bordercolor="#000000" cellspacing="5" cellpadding="5" width="100%" background="http://URL de la imagen de fondo" border="0"><tbody><tr><td><p>Aquí va el texto de la entrada. Si desean agregar una imagen encima de la imagen de fondo sólo agregan la siguiente etiqueta y dentro de ella la URL de la imagen. <img style="float:right; margin:5px 5px 5px 5px;cursor:pointer; cursor:hand;width: 200px; height: 183px;" src="http://URL de la segunda imagen" border="0" alt="" /> y aquí continua el texto de la entrada.</p></td></tr></tbody></table>

Aquí va el texto de la entrada. Si desean agregar una imagen encima de la imagen de fondo sólo agregan la siguiente etiqueta y dentro de ella la URL de la imagen. y aquí continua el texto de la entrada.Ahí pueden ver dónde deben escribir el texto de la entrada, y en caso de que deseen usar una foto encima de la imagen de fondo sólo agregan la etiqueta correspondiente como se explica en el código. Si no desean una imagen encima entonces eliminan esa etiqueta. Imagen encima En bordercolor pueden modificar el ancho del borde de la imagen, sino desean que tenga el borde lo dejan en cero como está. El margen entre la imagen y el texto lo pueden modificar en cellspacing y cellpadding. La posición de la segunda foto pueden cambiarla en float; cambian right si la desean a la derecha; left, a la izquierda o center si la quieren centrada. El tamaño de la segunda imagen lo modifican con width (ancho) y height (alto). Les recomiendo que usen una imagen de fondo que no dificulte la lectura de la entrada. De igual modo elijan una imagen que sea del tamaño adecuado al tamaño del post, ya que una foto muy

Imágenes de fondos para DIVs y blockquotes

Hoja de papel rota

Hoja de papel con esquinas levantadas

*

**

***

---

/***/
//***//

---

Lorem ipsum dolor sit amet consectetur adipiscing elit mus potenti, libero quam parturient senectus...

 Lorem ipsum dolor sit amet consectetur adipiscing elit mus potenti, libero quam parturient senectus...
 Lorem ipsum

Lorem ipsum dolor sit amet consectetur adipiscing elit mus potenti, libero quam parturient senectus...
 Lorem ipsum

***

Fade Overlay

Hello World