Bueno esta es la primera vez que aporto al foro con algo, espero les sirva vi otro tuto de esto por ahi pero lo hacian con 9 imagenes y el ancho del globo se acoplaba a lo que uno escribia aqui les pongo uno que se acopla al ancho de la caja del mensaje y solo usa UNA imagen

[Imagen: 2hhzngx.jpg]

Vamos a:

ACP(Admin Control Panel)-->Plantillas y Estilos-->Plantillas-->PlantillaDeSuTheme

Luego elijen la plantilla "Caja del Mensaje"

y Luego buscan postbit (barra horizontal) o postbit_classic (barra vertical).

Dentro del codigo buscan {$post['message']}

y lo reemplazan por lo siguiente:

<div>
<div id="1" style="float:left; z-index: 1; position: Absolute;">
<br><img src="images/globito01.png">
</div>
<div id="2" style="z-index: 0; padding: 5px;">
<fieldset style="background: #ffffff;
border:2px solid #bde1fd;
-moz-border-radius:8px;
-webkit-border-radius:8px;
position: relative;">
{$post['message']}
</fieldset>
</div>
</div>

PHP

Select All

Guardan los cambio y Despues subimos la imagen (imagen adjuntada abajo) en la carpeta images

Espero les sea de gran ayuda ya que este es mi primer aporte. Saludos

ya habia un tuto aunque bueno pues este me parece mas sencillo!

Si amigo, la diferencia que el otro usaba 9 imagenes y si escribia solo algunas palabras el globo no salia en todo el ancho de la caja de comentario, y pues como lo queria asi lo hice de esta manera xD

Esta mejor este
El otro es de Armyz =D la verdad lo prefiero por que se ajusta a la caja y no al mensaje

Me gusto de verdad, buen aporte .

yo no lo usaba porque se adaptaba y asi si lo usare gracias

Ese cuadro de dialogo para que sirve?

Y como descargo la imagen adjunta?

Wow, te a quedado muy bien. Veo que eres asi , medio nuevo en el foro. Esperemos que sigas haciendo estos buenos aportes.

Che no veo la imagen pa! y no puedo terminar de hacerlo

Es mas simple, de hecho yo pensaba usarlo así :p lo único malo es que en Internet Explorer los bordes salen cuadrados.