Resize Images with BB Code Tags
Mod Version: 1.00, by nerbert
| vB Version: 4.1.12 | Rating:  (1 vote - 4.00 average) |
Installs: 17 |
| Released: 05 Sep 2012 | Last Update: Never | Downloads: 0 |
 Not Supported
 Re-usable Code
|
||
This new BBcode allows images to be resized to any allowed size. The tags work like this:
[RESIZE=100][ATTACH=CONFIG]2621[/ATTACH][/RESIZE]
or
[RESIZE=100][IMG]http://www.mypics.com/gallery/picture.jpg[/IMG][/RESIZE]
This will set the image width to 100px. The tags create a span with the specified width around the image and a CSS script sets the image width to inherit from the span
Title: Resize Images
BB Code Tag Name: resize
Replacement:
Example: [resize=100][ATTACH=CONFIG]2621[/ATTACH][/resize]
Description: Allows image resizing.
Use{option}: Yes
Button Image: http://www.myforum.com/forum/images/editor/resize.png (Create a link to your actual forum)
Remove Tag If Empty: Yes
Disable BB Code Within This BB Code: No
Disable Smilies Within This BB Code: No
Disable Word Wrapping Within This BB Code: No
Disable Automatic Link Parsing Within This BB Code: No
Download the button then upload to forum/images/editor. Create the proper link for the button image. Fill in the rest of the BB Code settings and you are done. This should work on all vB4 and vB3 versions.
[RESIZE=100][ATTACH=CONFIG]2621[/ATTACH][/RESIZE]
or
[RESIZE=100][IMG]http://www.mypics.com/gallery/picture.jpg[/IMG][/RESIZE]
This will set the image width to 100px. The tags create a span with the specified width around the image and a CSS script sets the image width to inherit from the span
Title: Resize Images
BB Code Tag Name: resize
Replacement:
HTML Code:
<style type="text/css">.resize img{width:inherit;}</style> <span style="width:{option}px;" class="resize"> {param} </span>
Example: [resize=100][ATTACH=CONFIG]2621[/ATTACH][/resize]
Description: Allows image resizing.
Use{option}: Yes
Button Image: http://www.myforum.com/forum/images/editor/resize.png (Create a link to your actual forum)
Remove Tag If Empty: Yes
Disable BB Code Within This BB Code: No
Disable Smilies Within This BB Code: No
Disable Word Wrapping Within This BB Code: No
Disable Automatic Link Parsing Within This BB Code: No
Download the button then upload to forum/images/editor. Create the proper link for the button image. Fill in the rest of the BB Code settings and you are done. This should work on all vB4 and vB3 versions.
Download
No files for download.
Screenshots
