Custom BBCode help needed

[BasicGreatGuy]

I saw the BBCode pictured below on another forum and would like to use the same kind of thing on the forum I am with. I don't know how to get the BBCode set up where it looks like the picture.

Is there anyone that knows how to do this and would be willing to help me out?




That is all that they have posted on their site for people to see.

[seinfeld=Kramer]Your text here.[/seinfeld]

[seinfeld=Kramer]I must have been out of my mind. Look at you. Why don't you do something with your life? Sit around here all day, you contribute nothing to society. You're just taking up space. How could I be with someone like you? Couldn't respect myself.[/seinfeld]

[ozzy47]

It's pretty simple. First you need the image you want on your server. Then create a new bbcode.

Title: Kramer
BB Code Tag Name: kramer
Replacement:

<table cellspacing="0" cellpadding="0" border="0">
<tbody>
<tr>
<td valign="bottom" style="margin: 0;padding: 0;border: 0;">
<img src="images/funny/Kramer.png">
</td>
<td align="left" valign="top" style="margin: 0;padding: 0;border: 0;">
<div style=" background-color:#ffffff;color: #000000; -moz-border-radius: 16px; -webkit-border-radius: 16px; border: 1px solid #FFFFFF; padding: 4px;font-size: 1em;">  {param} </div>
<div>
</td>
</tr>
</tbody>
</table>

Example:[ KRAMER][ /KRAMER] ( Without the spaces )

Add the images to this folder on your server, or a different one, just change it in the code, images/funny/Kramer.png

Then whenever someone uses the kramer tags it will show up.

[BasicGreatGuy]

Thank you very much, Ozzy. I just about have it like the picture except for the small v opening up the bubble. That doesn't show. Is that a separate picture?

[ozzy47]

Yes it is, here is the correct code for the replacement.

<table cellspacing="0" cellpadding="0" border="0">
<tbody>
<tr>
<td valign="bottom" style="margin: 0;padding: 0;border: 0;">
<img src="images/funny/Kramer.png">
</td>
<td align="left" valign="top" style="margin: 0;padding: 0;border: 0;">
<div style=" background-color:#ffffff;color: #000000; -moz-border-radius: 16px; -webkit-border-radius: 16px; border: 1px solid #FFFFFF; padding: 4px;font-size: 1em;">  {param}  </div>
<div>
<img alt="" src="images/funny/speech.png">
</div>
</td>
</tr>
</tbody>
</table>

You need to get the images/funny/speech.png

[BasicGreatGuy]

That did the trick. Thank you again for taking the time to help me out, Ozzy. I appreciate it.

[ozzy47]

Not a problem, glad to help.