Recent Posts
Recent Posts Tagged With 'texto'
Iconize: dejando pistas sobre los tipos de enlaces
Con Iconize, podemos mostrar con un poco de CSS el tipo de enlace ante el que nos encontramos, asignando a cada tipo un icono. Puedes ver un ejemplo activo de enlaces iconizados aquÃ.Para instalarlo, debemos descargarnos el zip que contiene los ic...
Bordes dobles usando la propiedad Outline
Existen varios tipos de bordes, a los que podemos aplicar el color o densidad (tamaño) que deseemos. Los mismos valores aplican a la propiedad CSS outline, que marca el contorno del elemento a que es aplicado. Para saber más sobre esta propiedad, l...
Crea tus propias fuentes
FontStruct es una aplicación online gratuita con la que podremos diseñar nuestras propias fuentes de texto.Para poder usarla debemos registrarnos con nuestros datos básicos. El manejo es muy sencillo gracias a las herramientas y bloques, aunque se...
Visualizador de contrastes de color
Una utilÃsima herramienta a la hora de decidir los colores de nuestro blog. Es muy importante que el color de fondo y el del texto tengan un contraste adecuado para facilitar la lectura y no atacar a la vista. Haz clic en cualquier color para fijar ...
Burbuja de texto (sin imágenes)
Hoy me encontré una agradable sorpresa en mi bandeja de spam: Bravenet, además de ofrecerme los horribles caracteres parlantes de costumbre (matadlos a todos, si los habéis adoptado: son hijos del demonio), me deja un par de códigos muy interesan...
Generador de Texto Degradado
Este programilla, fácil de instalar y aún más de usar, nos permite obtener el código HTML para texto como este:La BlogueriaDecarga el instalador del DEGRADA HTML, ejecútalo, y sigue los sencillos pasos:Escoge el tipo y tamaño de fuente. Ojo: pu...
Efecto Arcoiris en los enlaces
Hace poco, y debido a la éspoca de exámenes, Alex de Hacktime hacÃa un llamado a los vagos a los que nos sobra tiempo para colaborar con el ritmo de su blog mientras estudia; como siempre he encontrado un montón de cosas útiles ahÃ, me encantó...
Añade estilo a tus posts con DROPCAPS
Es el mismo CSS aplicado en el subtÃtulo de este blog, esa doble M que ves más arriba.Erase una vez... ¡una Dropcap! El significado de esta palabra viene a ser "una mayúscula que cae" dentro del párrafo, es un estilo muy utilizado en imprenta, y...
Tipos de bordes para imagen o texto
"Si lo enmarcas, es arte" border: 10px inset blueviolet"Si lo enmarcas, es arte" border: 10px outset blueviolet"Si lo enmarcas, es arte" border: 10px ridge blueviolet"Si lo enmarcas, es arte" border: 10px groove blueviolet"Si lo enmarcas, es arte" bo...
Texto sobre Imagen
¡Hola amigos!Esto es un texto con imagen de fondo.O, también podrÃamos decir, una imagen con texto superpuesto. Podemos alinear el texto a nuestro gusto, añadir enlaces, aplicar transparencias o bordes...¡Qué bonito! Encuentra una imagen adecua...
Efectos para resaltar los enlaces
Dale un aire nuevo a tu blog aplicando algún efecto de los que te propongo. Fijate por ejemplo en el he aplicado en este blog:¡Visita CLAVE DE SOL!Cuando pasas el cursor sobre el enlace, la fuente se agranda. De la misma manera, puedes hacer que:- ...
Pullquotes: varias maneras originales de presentarlas.
EJEMPLO 1....este ejemplo, estilo Magazine, nos lo proporcionala genial Mandarin Design...A la hora de escribir una entrada larga, puede ser una buena idea aliviar los párrafos con imágenes, con "pullquotes" que resalten una parte del texto, o con...
Menu expandible Switch
Me gusta mucho esta función, porque nos permite de la forma más sencilla ocultar / mostrar cualquier cosa en la entrada o en sidebar, y no requiere de ningún archivo externo para funcionar. Este es un ejemplo: [+/-] ABRE Y CIERRAAqui puedes poner ...
Image Caption: imagenes estilo pullquote
Y otra herramienta de diseño impagable, gratuita. Se trata de Image Caption de lab.arc90.com. Implementando un sencillo código, conseguiremos sin mayor esfuerzo que nuestras imágenes se muestren de la siguiente manera:Aquà va el texto que rodea l...
