Two image BBCodes I created last night

[Bruce Banner]

imgButton

This posts an image as a link button.

BBCode usage

Code: Select all

[imgButton]{SIMPLETEXT1} {URL1} {URL2} {SIMPLETEXT2}[/imgButton]

HTML replacement

Code: Select all

<div style="float: {SIMPLETEXT1}; text-align:center;">
     <a href="{URL1}" target="_blank"><button style="border: none; color: black; text-align: center; text-decoration: none; display: inline-block; font-size: 16px; cursor: pointer; background-color: #FF6A00;"><img src="{URL2}" style="max-width: 399px; height: auto;"><center>{SIMPLETEXT2}</center></button></a>
</div>

To use it, enter the position where you want the button, left, right, or center; then the URL you want the button to link to; then the URL of the image you want on the button; then a caption saying what's in the image or what the button links to.

imgCaption

This posts an image with a caption centered underneath it.

BBCode usage

Code: Select all

[imgCaption]{SIMPLETEXT1} {URL} {SIMPLETEXT2}[/imgCaption]

HTML replacement

Code: Select all

<div style="float: {SIMPLETEXT1}; text-align:center;">
     <img src="{URL}" style="max-width:399px; height:auto;">
     <center>{SIMPLETEXT2}</center>
</div>

To use it, enter the position where you want the image, left, right, or center; then the URL of the image; then the caption.