vb.org Archive - BB Code Enhancements - (another) Think Bubble Cloud

vb.org Archive (https://vborg.vbsupport.ru/index.php)

- vBulletin 3.8 Add-ons (https://vborg.vbsupport.ru/forumdisplay.php?f=235)

- - BB Code Enhancements - (another) Think Bubble Cloud (https://vborg.vbsupport.ru/showthread.php?t=222450)

(another) Think Bubble Cloud

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

Code:

Think

BB Code Tag Name

Code:

think

Replacement

Code:

<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

Code:

[think]Text here[/think]

Description

Code:

Think bubble cloud.

Button Image (Optional)

Code:

images/think_image.gif

Live example: Demo

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

Code:

Bubble

BB Code Tag Name

Code:

bubble

Replacement

Code:

<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

Code:

[bubble]Text here[/bubble]

Description

Code:

Encase text in a think bubble.

Button Image (Optional)

Code:

images/box/think_image.gif

Live example: Demo

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

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

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

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

  Text here   to   {param}  

very cool :)
thanks for sharing

Quote:

Originally Posted by apiasto (Post 1879547)

same here

Quote:

Originally Posted by yahoooh (Post 1879548)

could u update

Quote:

Originally Posted by apiasto (Post 1879552)

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

  Text here   to   {param}  

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

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

Quote:

Originally Posted by New Joe (Post 1879559)

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.

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

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

Great mod.

Quote:

Originally Posted by CareyCrew (Post 1879584)

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.

Quote:

Originally Posted by New Joe (Post 1879613)

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

Great mod.

Sorry, can't help you there.

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

Quote:

Originally Posted by New Joe (Post 1879613)

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

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

thank you very cool i use it ( very nice )

its work fine

works perfectly. Thanks. Even works in my shoutbox.

Quote:

Originally Posted by Nadeemjp (Post 1879679)

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.

Quote:

Originally Posted by chick (Post 1879795)

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.

Quote:

Originally Posted by Loco.M (Post 1879557)

very cool :)
thanks for sharing

Very welcome

Quote:

Originally Posted by New Joe (Post 1879636)

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.

Quote:

Originally Posted by saadessa (Post 1879867)

thank you very cool i use it ( very nice )

its work fine

Very welcome

Quote:

Originally Posted by mdelcour (Post 1879896)

works perfectly. Thanks. Even works in my shoutbox.

Great stuff, very welcome.

Quote:

Originally Posted by New Joe (Post 1879911)

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

Quote:

Originally Posted by chick (Post 1879795)

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

Eidolon, great mod mate. Thanks alot dude.

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

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!

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?

Quote:

Originally Posted by psychobike (Post 1880391)

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.

Just taking a look...

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

TAGGED, may be I'll use it later

NIce job dude :)

Quote:

Originally Posted by SEW810 (Post 1880625)

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

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

Quote:

Originally Posted by BoredOutOfMyMin (Post 1881123)

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:

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

Phrase Groups Available:

X vBulletin 3.8.12 by vBS Debug Information
Page Generation 0.01214 seconds Memory Usage 1,814KB Queries Executed 10 (?)
More Information
Template Usage: (1)ad_footer_end (1)ad_footer_start (1)ad_header_end (1)ad_header_logo (1)ad_navbar_below (12)bbcode_code_printable (18)bbcode_quote_printable (1)footer (1)gobutton (1)header (1)headinclude (6)option (1)post_thanks_navbar_search (1)printthread (33)printthreadbit (1)spacer_close (1)spacer_open Phrase Groups Available: global postbit showthread	Included Files: ./printthread.php ./global.php ./includes/init.php ./includes/class_core.php ./includes/config.php ./includes/functions.php ./includes/class_hook.php ./includes/modsystem_functions.php ./includes/class_bbcode_alt.php ./includes/class_bbcode.php ./includes/functions_bigthree.php Hooks Called: init_startup init_startup_session_setup_start init_startup_session_setup_complete cache_permissions fetch_threadinfo_query fetch_threadinfo fetch_foruminfo style_fetch cache_templates global_start parse_templates global_setup_complete printthread_start bbcode_fetch_tags bbcode_create bbcode_parse_start bbcode_parse_complete_precache bbcode_parse_complete printthread_post printthread_complete
Messages: