(another) Think Bubble Cloud

[EidolonAH]

Yup, yet another Think Bubble BB Code

Should work with any version of vBulletin, it's just a bbcode after all.

This was originally a phpBB3 BBcode, the phpBB3 version can be found on Stokers phpbb3bbcodes site.

Download the zip file and unpack it.

Upload bbcode_think_bubble/smiley_think.gif to root/forum/images/smiley_think.gif
Upload bbcode_think_bubble/think_image.gif to root/forum/images/think_image.gif

Create new bbcode through admin panel/Custom BB Codes/Add New BB Code

Title
Think

BB Code Tag Name
think

Replacement
<table border="0" cellpadding="0" cellspacing="0">
<tr>
<td style="margin: 0;padding: 0;border: 0;">
<div style=" background-color: #85B7FE;color: #ffffff; -moz-border-radius: 16px; -webkit-border-radius: 16px; border: 1px solid #344B66; padding: 4px;font-size: 1em;" >&nbsp; {param} &nbsp;</div>
<img src="./images/smiley_think.gif" alt="" />
</td>
</tr>
</table>

Example
Text here

Description
Think bubble cloud.

Button Image (Optional)
images/think_image.gif

Live example: Demo (http://www.nurturemh.com/community/showthread.php?t=20)

Most importantly, have fun with it!

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ ~~
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ ~~

This Microsoft's version using graphics, it also auto fits content,
I have created .psd's for the graphics used so you can customise to suit your own Skins,
.psd's in zipfile.

Download the bbcode_bubble.zip file and unpack it.

Upload box/*.* to root/forum/images/box/*.*

Create new bbcode through admin panel/Custom BB Codes/Add New BB Code

Title
Bubble

BB Code Tag Name
bubble

Replacement
<table cellpadding="0" cellspacing="0" style="background-color:#648AF9;color:#ffffff;">
<tr>
<td width="20"><img src="./images/box/tl.gif" alt="" /></td>
<td></td>
<td width="20"><img src="./images/box/tr.gif" alt="" /></td>
</tr>
<tr>
<td> </td>
<td>{param}</td>
<td> </td>
</tr>
<tr>
<td><img src="./images/box/bl.gif" alt="" /></td>
<td></td>
<td><img src="./images/box/br.gif" alt="" /></td>
</tr>
</table>
<div><img src="./images/box/smiley_think.gif" alt="" /></div>

Example
Text here

Description
Encase text in a think bubble.

Button Image (Optional)
images/box/think_image.gif

Live example: Demo (http://www.nurturemh.com/community/showthread.php?t=28)


*updated demo links* (12-09-2009)

[Internetcafe]

Something not quite right !
Whenever I use the BBcode, all I get is "Text here" !?

[EidolonAH]

My bad, I entered the tester version and not the final version, re-enter the replacement code.

[apiasto]

same here

[yahoooh]

could u update

[apiasto]

found the problem just change text here to {param} in the replacment

&nbsp; Text here &nbsp; to &nbsp; {param} &nbsp;

[Brandon Sheley]

very cool :)
thanks for sharing

[EidolonAH]

same here

could u update

found the problem just change text here to {param} in the replacment

&nbsp; Text here &nbsp; to &nbsp; {param} &nbsp;

It was already updated, see my reply to Internetcafe above!

[New Joe]

Do users have the option to use it or not to use it when posting?

[AdrianH]

Do users have the option to use it or not to use it when posting?

???????? It's an extra BBcode button and choice of use is the same as all others.

[AdrianH]

Works beautifully in FireFox but the bubble is a rectangular box in IE8 and Opera which is a shame.

[New Joe]

Anyone knows how to add this so it shows in the Quick reply box?

Great mod.

[EidolonAH]

Works beautifully in FireFox but the bubble is a rectangular box in IE8 and Opera which is a shame.
Yeah, neither of those browsers support this type of css, there are rumours flitting about that they might one day equal browsers like firefox and safari, don't hold your breath though.

Anyone knows how to add this so it shows in the Quick reply box?

Great mod.

Sorry, can't help you there.

[New Joe]

No problem, maybe another coder will come along and help out with the Quick reply thing.

[Nadeemjp]

Anyone knows how to add this so it shows in the Quick reply box?

Great mod.

which version of quick reply r u using?
it usually shows in the quick reply

[chick]

Thank you this is very cool even if it's square and not rounded. Anyone know how to force the radius in IE please?

[saadessa]

thank you very cool i use it ( very nice )

its work fine

[Reycer]

works perfectly. Thanks. Even works in my shoutbox.

[New Joe]

which version of quick reply r u using?
it usually shows in the quick reply
I use Version 3.8.2 but it doesn't show, it shows only when you go advanced for a post.
I searched in the Templates but can't find the code in the go advanced, as I thought I could just copy and paste it into the quick reply template if I found it.
Could someone post up the template code if they have one.

[EidolonAH]

Thank you this is very cool even if it's square and not rounded. Anyone know how to force the radius in IE please?
As far as I know IE will not handle this type of css, I'm fairly sure it can't be forced to do so.
very cool :)
thanks for sharing
Very welcome
No problem, maybe another coder will come along and help out with the Quick reply thing.
I've tried myself, hope someone else has the solution as I should like to know.
thank you very cool i use it ( very nice )

its work fine
Very welcome
works perfectly. Thanks. Even works in my shoutbox.
Great stuff, very welcome.

[apiasto]

I use Version 3.8.2 but it doesn't show, it shows only when you go advanced for a post.
I searched in the Templates but can't find the code in the go advanced, as I thought I could just copy and paste it into the quick reply template if I found it.
Could someone post up the template code if they have one.

are you using editor improver hack if you are then you have to add this manually in that hack where it has option for custom tags

[basilrath]

Thank you this is very cool even if it's square and not rounded. Anyone know how to force the radius in IE please?

IE at this moment does not and will not support the CSS3 border-radius property.......

The only thing or best answer microsoft has to give about rounded corners is the table and images hack titled 'Staying Ahead of the Curve' which can be seen HERE (http://msdn.microsoft.com/en-us/library/bb250413%28VS.85%29.aspx)

[mikey1991]

Eidolon, great mod mate. Thanks alot dude.

[Cause4Chaos]

Nice work, installed, damn crappy microsoft ie (lol)

[EidolonAH]

A play nice graphic variant as found on Microsoft site has been included.
Grab the bbcode_bubble.zip version, it has .psd goodies so you can make it all look nice on your own skins.

Enjoy!

[1320Nation]

In the bubble code I noticed image files named ti.gif, tr.gif, br.gif, and bl.gif. Does the psd files need to be saved in those file names, or what?

[EidolonAH]

In the bubble code I noticed image files named ti.gif, tr.gif, br.gif, and bl.gif. Does the psd files need to be saved in those file names, or what?

Yeah, re-download the bbcode_bubble.zip, I have added each corner file and they are named.
So to replace tl.gif you have the following layers active:
tl.gif
background

for bl.gif have the following layers active:
bl.gif
background

and so on, hope that clears it up for you.

[valdet]

Very nice, thanks.

[SEW810]

Just taking a look...

Yeah, LIVE DEMO showes a rectangular cloud using IE8 :(

TAGGED, may be I'll use it later

NIce job dude :)

[EidolonAH]

Just taking a look...

Yeah, LIVE DEMO showes a rectangular cloud using IE8 :(

TAGGED, may be I'll use it later

NIce job dude :)

Try the second version posted in thread starter
demo (http://www.nurturemh.com/community/showthread.php?t=28)

[BoredOutOfMyMin]

Is there a way to remove the code [bubble="text"] being inserted. Can this simply reparse the code between the ][ lines?

[EidolonAH]

Is there a way to remove the code [bubble="text"] being inserted. Can this simply reparse the code between the ][ lines?

Sorry, humble pie time for me, I don't really understand the question.:confused:

[New Joe]

Any one go this working/showing on the Quick reply box?