Globos de Dialogo para el postbit (1 imagen)
#1
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 Sleepy

[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:

Código PHP:
<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

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


Archivos adjuntos
.png   globito01.png (Tamaño: 2.99 KB / Descargas: 2,693)
Responder
#2
ya habia un tuto aunque bueno pues este me parece mas sencillo!
Responder
#3
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
Responder
#4
Esta mejor este Smile
El otro es de Armyz =D la verdad lo prefiero por que se ajusta a la caja y no al mensaje Smile
[Imagen: l7Qimoa.png]
Responder
#5
Me gusto de verdad, buen aporte Smile.
Responder
#6
Wink yo no lo usaba porque se adaptaba y asi si lo usare gracias
Smile
Responder
#7
Ese cuadro de dialogo para que sirve?

Y como descargo la imagen adjunta?

Responder
#8
Wow, te a quedado muy bien. Veo que eres asi , medio nuevo en el foro. Esperemos que sigas haciendo estos buenos aportes.
Responder
#9
Che no veo la imagen pa! y no puedo terminar de hacerlo Sad
Responder
#10
Es mas simple, de hecho yo pensaba usarlo así :p lo único malo es que en Internet Explorer los bordes salen cuadrados.
Responder




Usuarios navegando en este tema: 1 invitado(s)