Page 1 of 1

Picturethis BBCode

Posted: 06 Mar 2010, 11:00
by BBCode Bot
Picturethis BBCode

The Picturethis BBCode allows You to insert images with a description to the right.
It is very nice formatted.
Image

Features:
Add image {URL} (full url of the image)
Set the width {NUMBER1} (only enter the number value)
Set the height {NUMBER2} (only enter the number value)
Set the alt description {SIMPLETEXT} (only add the text value, do not enter the " marks)
Add image description for the right collum {TEXT} (add your text that will show up to the right of the image. I have
made it so the text is justify, so it should look good under all circumstances)

! IMPORTANT ! For this code to work you must take note of the spaces in the BBCode Usage!

BBCode Usage:

Code: Select all

[picturethis={URL} {NUMBER1} {NUMBER2} {SIMPLETEXT}]{TEXT}[/picturethis]
HTML Replacement:

Code: Select all

<table><tr><td><div style="width:auto; float:left; margin-right:20px;"><img src="{URL}" width="{NUMBER1}px" height=" {NUMBER2}px" alt="{SIMPLETEXT}" /></div><div style="width:auto; text-align: justify;">{TEXT}</div> </td></tr></table>
Help Line:

Code: Select all

Picture This:[picturethis=URL WIDTH HEIGHT ALTTEXT]Text Description[/picturethis]
Example:

Code: Select all

[picturethis=http://www.phpbb3bbcodes.com/images/strawberrylittle.jpg 200 131 Image]Lorem ipsum dolor sit amet, consectetuer adipiscing elit.
Donec porta lectus ut erat. Aenean tristique nisi vel tellus dapibus condimentum.
Aliquam erat volutpat. Nulla pulvinar vulputate dolor. Morbi sollicitudin.
Sed bibendum vestibulum odio.[/picturethis]
[picturethis=http://www.phpbb3bbcodes.com/images/billede17lille.jpg 200 131 Image]Lorem ipsum dolor sit amet, consectetuer adipiscing elit.
Donec porta lectus ut erat. Aenean tristique nisi vel tellus dapibus condimentum.
Aliquam erat volutpat. Nulla pulvinar vulputate dolor. Morbi sollicitudin.
Sed bibendum vestibulum odio.[/picturethis]
[picturethis=http://www.phpbb3bbcodes.com/images/billede16lille.jpg 200 131 Image]Lorem ipsum dolor sit amet, consectetuer adipiscing elit.
Donec porta lectus ut erat. Aenean tristique nisi vel tellus dapibus condimentum.
Aliquam erat volutpat. Nulla pulvinar vulputate dolor. Morbi sollicitudin.
Sed bibendum vestibulum odio.[/picturethis]]
Demo:
[picturethis=images/strawberrylittle.jpg 200 131 Image]Lorem ipsum dolor sit amet, consectetuer adipiscing elit.
Donec porta lectus ut erat. Aenean tristique nisi vel tellus dapibus condimentum.
Aliquam erat volutpat. Nulla pulvinar vulputate dolor. Morbi sollicitudin.
Sed bibendum vestibulum odio.[/picturethis]
[picturethis=images/billede17lille.jpg 200 131 Image]Lorem ipsum dolor sit amet, consectetuer adipiscing elit.
Donec porta lectus ut erat. Aenean tristique nisi vel tellus dapibus condimentum.
Aliquam erat volutpat. Nulla pulvinar vulputate dolor. Morbi sollicitudin.
Sed bibendum vestibulum odio.[/picturethis]
[picturethis=images/billede16lille.jpg 200 131 Image]Lorem ipsum dolor sit amet, consectetuer adipiscing elit.
Donec porta lectus ut erat. Aenean tristique nisi vel tellus dapibus condimentum.
Aliquam erat volutpat. Nulla pulvinar vulputate dolor. Morbi sollicitudin.
Sed bibendum vestibulum odio.[/picturethis]

Credits: James