I want to create a bbcode to insert an html code

Technical Details

Forum version : #PunBB
Position : Founder
Concerned browser(s) : Mozilla Firefox, Google Chrome, Internet Explorer, Opera, Safari, Other
Screenshot of problem : donthaveimg.com/noimg.png
Who the problem concerns : All members
Forum link : http://dragonballlegend.foroac.com/

Description of problem

Hello!

How are you!

i made this html code.

Code:

<div style="text-align: center; width: 750px;" class="tutoimg">
  <img alt="" src="imglinkhere" style="border-bottom: 2px solid #de861a!important; border-top-left-radius: 5px!important; border-top-right-radius: 5px!important; width: 750px!important; max-width: 750px!important;" />
  <p style="width: 750px; background: rgba(0, 0, 0, 0.32); margin: 0px; padding-top: 3px; color: #5f6478; padding-bottom: 3px; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px;">
      imgdescriptionhere
  </p>
</div>

And i want to make a bbcode like this :



and when u press insert, the button will insert the code with the imglink and description.

is posible to do that ? how ? and... is posible t mke the div autoresize to the image size ?

Thank you very much!

up bump up

You want this to work for the image SCEditor button?

Ace 1 wrote:You want this to work for the image SCEditor button?

i want to add a extra button.

up bump up

up bump up