Búsqueda en el Foro:
Buscar


Autor Mensaje
Mensaje03-08-2011, 22:36 (UTC)    
Título del mensaje: [CSS-HTML]Burbuja de dialogo

¡Hola!

Como tenia algun tiempo sin postear nada en esta seccion hoy vengo a traerles este codigo ...

Vista previa: http://mundo-pgd.es.tl/commentbox785421.htm

Codigo CSS:
Cita:
<style type="text/css">

.commentbox{
background-color: #ececec;
width: 450px;
padding: 10px;
}

.commentfooter{
background: url(http://img.webme.com/pic/m/mundo-pgd/sintaxhtmlejemps.gif) 20px 0 no-repeat; /*20px 0 equals horizontal and vertical position of arrow. Adjust as desired (ie: 20px -5px).*/
padding-left: 58px;
padding-top: 1px;
margin-bottom: 2em;
font-size: 90%;
color: #4A4A4A;
}
</style>


La parte en el color rojo es la imagen de abajo, tiene fondo blanco si la necesitas transparente avisame.

Codigo HTML:
Cita:
<div class="commentbox">Aqui pondre mi texto.</div>
<div class="commentfooter">Sacado de Dynamicdrive</div>


La parte de color violeta es el texto que ira dentro de la burbuja de dialogo.

La parte de color naranja es el texto que ira debajo de la burbuja de dialogo.

Y si quieres quitar el texto de la parte de abajo de la burbuja de dialogo borrale este codigo al HTML.
Código:
<div class="commentfooter">Sacado de Dynamicdrive</div>


Fuente: http://www.dynamicdrive.com/style/csslibrary/item/arrow-comment-box/ <
______________
We miss you Cliff Burton :-(


Ultima edición por mundo-pgd el Mie Sep 28, 2011 8:50 pm; editado 1 vez
Mensaje03-08-2011, 23:23 (UTC)    
Título del mensaje:

Muy buen recurso , gracias por aportarlo
______________
/forosadas @forosadas
forosadas@hotmail.fr
"Tu mente es tu límite"
Mensaje04-08-2011, 01:07 (UTC)    
Título del mensaje:

babosadas escribió:
Muy buen recurso , gracias por aportarlo


De nada
______________
We miss you Cliff Burton :-(
Mensaje04-08-2011, 01:39 (UTC)    
Título del mensaje:

Mensaje04-08-2011, 17:41 (UTC)    
Título del mensaje:

me gusto buen aporte un salu2
______________
Votame
Click aqui
Mensaje04-08-2011, 19:31 (UTC)    
Título del mensaje: Re: [Codigo HTML]Burbuja de dialogo

Muy bueno , pero tambien se puede hacer un Tooltips es similar nada mas que trabaja con jQuery y el efecto es diferente.

Saludos
Mensaje01-02-2012, 15:11 (UTC)    
Título del mensaje:

Este tema sera removido, ya que no cumple las reglas para realizar aportes.

Reglas para realizar aportes:
http://www.paginawebgratis.es/forum/viewtopic.php?t=66177


saludes,
Team-Soporte.
______________
Team-Soporte.
Moderador de PaginaWebGratis.es

www.team-soporte.es.tl | @jeremymolina
Mostrar mensajes anteriores:   


Powered by phpBB © 2001, 2005 phpBB Group