MyBB Community Forums

Full Version: postbit code to make a bubble
You're currently viewing a stripped down version of our content. View the full version with proper formatting.
Hi everyone,
This is a statement and sort of a question.
I currently use a code from zzjoennzzz in my postbit template to make posts appear as a speech bubble.
.post_body {

-moz-border-radius:7px 7px 7px 7px;

border-radius:7px 7px 7px 7px;

background:none repeat scroll 0 0 #000000;

margin:10px;

padding:11px;

color:solid black;


}

.post_body {

-moz-border-radius:6px 6px 6px 6px;

border-radius:6px 6px 6px 6px;

background:none repeat scroll 0 0 #ffffff;

margin:8px;

padding:10px;

color:;

text-shadow:0 -1px #ffffff;

}


.post_arrow {

border-bottom:12px solid #000000;

border-left:11px solid transparent;

border-right:11px solid transparent;

height:0;

margin-bottom:-12px;

margin-left:15px;

margin-top:3px;

width:0;
}
.post_arrow {

border-bottom:12px solid #ffffff;

border-left:12px solid transparent;

border-right:12px solid transparent;

height:0;

margin-bottom:-12px;

margin-left:15px;

margin-top:3px;

width:0;

}

</style><div class="post_arrow"></div>

I want a white bubble but my background id a very light grey so it is difficult to see.
I have been trying to make a thin black border around the bubble but ... i believe it is impossible .
What I think is possible is to make a black speech bubble and then layer a slightly smaller white speech bubble on top.

I am still working on how to do this.
I sort of half-want someone to post the proper code but the other half of me wants to figure it out.
right now, I am learning the bare minimum to accomplish things, but I get satisfaction from trying!

Am I on the right track?

Thanks for listening!

Smile
I have a post bubble plugin that has several different options to configure in ACP.

http://www.mybbextras.com/showthread.php?tid=689

[attachment=21839]
(2011-03-05, 03:06 PM)Janota Wrote: [ -> ]I have a post bubble plugin that has several different options to configure in ACP.

http://www.mybbextras.com/showthread.php?tid=689

I know I have seen that, and I know that you have the white bubble with a thin black border.

And it is what I want.
I am just having fun frustrating myself RolleyesHuhUndecidedBig Grin
Ok lol, good luck frustrating yourself Big Grin
it should be very easy, you don't need any plugin Smile

I can help

But I do not understand: what color of buble you want and what color of border you want:

white bubble with a thin black border

right?



here:
.post_body {
-moz-border-radius:6px 6px 6px 6px;
border-radius:6px 6px 6px 6px;
background:none repeat scroll 0 0 #ffffff;
margin:8px;
padding:10px;
color: #3d768b;
text-shadow:0 1px #7fd3f2;
border: 1px solid #000000;
}

The problem is the triangle which appears to be black....

you need the code as on a developer's forum to make the triangle the same as bubble color with the border ...ask him if you can use it...
Try this one:
http://yaldaram.com/thread-994.html

easy and works on postbit and classic postbit