Letra capital con fondo y borde

Ahora vamos a ver cómo añadir letra capital, pero con estilo, a los textos del post.
Para ello, usamos el siguiente código:

<!-- the drop cap -->
<span style="margin-right:6px;margin-top:5px;float:left;color:blue;background:green;border:1px solid darkblue;font-size:80px;line-height:60px;padding-top:2px;padding-right:5px;font-family:times;">LETRACAPITAL</span>TEXTO JUNTO A LA LETRA CAPITAL<div style="clear:both;"><br></div>

Ahora vamos con la explicación:

♠ color:blue es el color de la letra capital; para cambiarlo, colocamos en lugar de blue el nombre de otro color (red, green,etc.) en inglés.
♠ background:green es el color de fondo de la letra capital.
♠ border:1px solid darkblue nos permite modificar el grosor del borde (modificar 1px), el estilo (cambiar solid por otro tipo de líneas)y el color del borde (sustituir darkblue por el color de nuestro gusto).
♠ font-family:times; nos da la posibilidad de escoger la fuente del texto (por ejemplo, la letra del comienzo de esta entrada).
♠ LETRACAPITAL aquí ponemos la primera letra del texto que vamos a escribir .
♠ TEXTO JUNTO A LA LETRA CAPITAL es el texto que sigue a la letra capital.

Y ahora un ejemplillo más:


El protagonista, Jean Valjean, un hombre que recién acaba de salir de prisión, busca refugio y alimento. Sin embargo, nadie quiere acogerlo por haber sido un ladrón. Después de haber tocado muchas puertas, toca la puerta de un sacerdote que lo acoge: le da de comer y permite que pase la noche en su casa.Valjean se levanta y coge unos cubiertos de plata. Está a punto de irse, cuando ingresa el sacerdote. Valjean lo golpea y se va.Al día siguiente, unos oficiales llevan a Valjean a la casa del sacerdote, porque no le creen que, según Valjean, el sacerdote le haya regalado los cubiertos.

Se ve muy bien,verdad?

Idea: ahora que ya sabemos cómo hacer una letra capital en los post de nuestro blog, podemos usarlo junto con el HTML de dos columnas (ver Texto del post en dos columnas)

Texto con sombra (otra forma)

Hace unas semanas, les mostré una forma de hacer que nuestros textos tuvieran sombra y volumen (ver post Texto con sombra y volumen); ahora vamos a ver otra forma de lograr este interesante efecto,pero que nos permite poder cambiar el color de la sombra.

Para ello, copiamos este código:

<div id="sombra" style="position:relative;width:300;
height:50r;filter:shadow(color=#00FFFF)">
<br> <font color=#CC0000 size=5>TEXTO<
br> </div> <br>

</font></br>

Y ahora, una explicación:

♠ width: es el ancho del texto; height:,el alto
♠ filter:shadow(color=#00FFFF) es el color de la sombra del texto, en hexadecimales.
♠ font color=#CC0000 es el color de las letras, también en hexadecimales.

Y un ejemplo.

Diversas & Variadas

Sencillo, verdad?

ACTUALIZACIÓN (27/10/2008): según he visto, el efecto no se ve en Firefox, pero sí puede visualizarse perfectamente en Internet Explorer.

Últimos comentarios (forma sencilla)

Me preguntaban al correo por la forma más sencilla de agregar en la sidebar una lista de últimos comentarios; si bien hay otras formas (que veremos más adelante) hoy veremos la forma más sencilla...Empecemos.

♠ Vamos a Diseño/ Elementos de la página/ Añadir un gadget y elegimos Feed
♠ Agregamos lo siguiente:
http://ELNOMBREDETUBLOG.blogspot.com/feeds/comments/default y damos click en Continuar.


♠ Aparecerá un cuadro de diálogo donde podremos elegir el número de comentarios a mostrar, si queremos que sean visibles las fechas de los mismos y sus autores. Cuando terminemos de configurarlo, damos click en Guardar y listo!!! Ya tendremos en la sidebar una lista con los últimos comentarios.

Nota: Actualmente Blogger nos permite sólo mostrar de uno a cinco comentarios; pero no os preocupeis, que más adelante veremos otra forma (aunque algo más compleja) para mostrar más últimos comentarios.

Relojes para nuestro blog

Me llegó un mensaje al correo donde me pedían que de alunas páginas que ofrezcan relojes para nuestro blog...Estuve buscando y encontré éstas:

♠ ClockLink que nos ofrece una infinidad de modelos y están clasificados por temas.
♠ Relatime
♠ Relojes Flash
♠ The World Wide Clock
♠ Toolshell Flash Clocks


Hay muchas webs que nos ofrecen relojes, pero escogí éstas porque las he probado y sé que son de confianza...Luego que escojamos el modelo que querramos, copiamos el código como nuevo elemento en la sidebar y listo!!!

Y aquí, unos relojes que me gustaron mucho...

Picture2Life: efectos en las imágenes

Picture2Life es una herramienta novedosa que nos permite modificar en cuestión de segundos la imagen que deseemos; nos ofrece muchos efectos y posibilidades para transformar una misma imagen en imágenes diferentes con solo subir la imagen de nuestra PC o la dirección URL de la imagen...Y si queremos podemos crear una cuenta...

Una imagen...



...puede ser vista de mil formas; aquí algunas maneras en que esta herramienta nos permite tranformarla:

Premio "Batipremio"

Me enteré con algo de sorpresa y a la vez de alegría, que había recibido este premio. Me lo ha dado Birdelo a quien le agradezco por haber tenido en cuenta este blog.

Y bueno, como debo compartirlo con seis blogs,lo comparto con:

♠ Gema de Gem@blog
♠ Rosa de El Escaparate de Rosa
♠ G de Para Para todos
♠ Vesta de El blog de Vesta
♠ Eulalia de Tuneando el blog
♠ Feripula de ReCurS.O.S para tu Blog

A mi parecer son blog que tiene de todo un poco: nos informan y divierten.

Texto con sombra y volumen

Ahora les enseñaré cómo crear un texto con sombra y volumen...Y también, veremos cómo podemos usarlos.Vamos a ello.

El código a usar es:

<div style="margin:0px auto;width:450px;filter:shadow;color:red;font-size:32pt;line-height:200%;">TEXTO</div>

Una pequeña explicación:
♠ width:450px es el ancho del texto.
♠ color: podemos cambiarlo por el color que deseemos, pero en palabras y en inglés ( red, blue, green, etc.)
♠ font-size:32pt es el tamaño de letra; podemos agrandarla o reducirla.

Ejemplo:

Diversas & Variadas

♥ Podemos usarlo, junto con un fondo, para la cabecera de nuestro blog.



♥ O usarlo como un botón de enlace.

D & V

En fin, podemos usarlo de distintas formas: cómo título de entradas, como letra capital...Ya depende de cada uno de nosotros.

Si tienen dudas o comentarios, háganmelos llegar.