Si bien existen burbujas de pensamiento elaboradas con Photoshop o Gimp, no esta de todo mal presentar una manera muy sencilla de crear mensajes de burbujas por medio de imágenes con texto incrustado sobre ellas utilizando HTML.
Ejemplos de muestra:
✰ Mensaje
♫ Mensaje
♥ Mensaje
El código seria el siguiente:
<div style="background-image:url(Url-de-tu-imagen); font-family: Script MT Bold; font-size: 23pt; color: #000000; padding-left: 45px; padding-right: 45px; padding-top: 45px; padding-bottom: 45px; height:60px; width:110px; text-align: center;">Mensaje</div>
Para obtener mas burbujas como las de los ejemplos, las puedes descargar
El archivo Zip contiene nueve y están disponibles en PNG y con tamaño 400x300 pixeles.
Acerca de mi
Buscar en el blog
Lista de categorias
- CSS (14)
- Entretenimiento (4)
- HTML (18)
- Iconos (13)
- Inspiración (13)
- JAVA Interfaz (6)
- jQuery (3)
- Lo que NO encontré en Internet (1)
- Programas en C (69)
- Recursos Online (13)
- Trucos (6)
- Widgets (2)
Contenido del Blog
Comentarios recientes
Sigueme en Twitter
Archivo del blog
-
▼
2013
(17)
-
▼
julio
(13)
- Convertir archivos .bat a ejecutables .exe
- Ventanas de dialogo con JOptionPane
- Aves con apariencia robotica
- Burbujas de pensamiento con HTML
- Icono del Escudo Nacional Mexicano
- Jugar partidas de ajedrez online
- Hola mundo en diferentes lenguajes de programacion
- Cuadernos de Hack x Crack
- Fondos de escritorio simples
- Editor de HTML y administrador de colores
- Manipulacion de Fotos
- Crear mensajes con CSS
- Filetype, una tecnica para buscar mejor en Google
-
▼
julio
(13)