Allows users to add a photo or image to blog posts, as well as in read messages, photo comments and comment boards.

IMPORTANT NOTE: this mod only allows URL links to photos, it does not allow users to upload photos.

=============
INSTRUCTIONS:
=============

Step 1. upload the included "bbcode.js" file to the "js" folder. Then upload the "general_functions.inc.php" file to "includes" folder.


=====================================================================


Step 2. Include this snip of code: 


img {
   max-width: 100%;
}


To the bottom of the following css files:

admin/skin/styles/blog_post_view.css
admin/skin/styles/comment_results.css
skins_site/def/styles/blog_post_view.css
skins_site/def/styles/comment_board.css
skins_site/def/styles/message_read.css
skins_site/def/styles/photo_view.css


=====================================================================

Step 3. Include this snip of code:  


.bb_tools a.image {
    background-image: url('../images/bbcode_image.gif');
}


Add it around line 32 to the following files:
admin/skin/styles/bbcode.css
skins_site/def/styles/bbcode.css


=====================================================================


Step 4. Add the bbcode icon for the image:

Upload one of the included bbcode icon images for either the default template or 	
maverick's Fusion template.

Upload the icon image to the "skins_site/def/images/" folder.

If you're using another 3rd party template you will have to create your own to match the icon set they're using.


=====================================================================


Step 5. Add the bbcode icon for the admin:

Upload the bbcode icon image provided in the package's admin folder to the "admin/skin/images/" folder.


=====================================================================

====
TIP:
====

If you wanted to only allow users to include images in blog posts, but not in read messages, photo comments or in comment boards, then add the following snip of CSS code:


.bb_tools a.image {
    background-image: url('../images/bbcode_image.gif');
    display: none;
}

Add to the bottom of any of the following CSS files where you don't want image button to appear:

skins_site/def/styles/blog_post_view.css
skins_site/def/styles/comment_board.css
skins_site/def/styles/message_read.css
skins_site/def/styles/photo_view.css


IMPORTANT NOTE: this is basically just a deterrent as it only removes the image icon from the set of BBcode icons. This doesn't technically remove the function of including images and a savvy or perceptive user could figure out that they can manually include the right code.
