New Posting Features - Free onboard Image Hosting - "photobucket" for your board.

Should be same install on any vBulletin board, versions 3.0 and up to 3.8.7. I have not tried this yet on vBulletin 4 and up.

This uses NO:

• Plugins
• Auto template
• Files to upload (except one icon image)
• DB changes

Take a test drive here:

http://usmessageboards.com
USERNAME vBTester
PASSWORD testmetestme

Simply go to any thread and have a look at quick reply and click the icon.




I've had this "hack" on my board for a few years and recently installed it on a couple other fellas boards and decided it was time to share the secret. Have your own image hosting tool that is independent of 3rd party ones that like to block hotlinking and take images down after awhile.

The software used is by another author and is not my code. The template edits to integrate it to your vBulletin installation however, is.

First of all go to: http://codefuture.co.uk/projects/imagehost/ and download the free image hosting software.

Upload this package to root level of your server using a clever name for the folder, like "imagemagic" or something related to your board's topic. For a baseball board recently, I styled this "picturecatcher."

You should now be able to use and administer this by going to the URL, yourboard.com/yournameforthis

Once it is installed and working and you have done the setup and configuration to your liking, it is time to integrate this to your board. The best place to do this is in the WYSIWYG editors and the quick editors throughout.

Use "Search In Templates" to find all templates that have the word "separator" or "separator.gif" in them. This will populate the list of all the editor templates in your style. The list looks like this:



And you want to edit the templates you see in red, above.

In these templates find:

<td><div class="imagebutton" id="{$editorid}_cmd_wrap0_quote"><img src="$stylevar[imgdir_editor]/quote.gif" width="21" height="20" alt="$vbphrase[wrap_quote_tags]" /></div></td>

And add after that:

<td><div class="imagebutton">
<a href="javascript:void(0);" onclick="window.open('http://yoursite.com/yourimagehostfoldername/index.php?mode=vbull&tpl=.&forumurl=' + escape(document.location.href), '_imagehost', 'resizable=yes,width=860,height=625');return false;"><img src="$stylevar[imgdir_editor]/uploadimage.png" width="21" height="20" alt="Upload Image for Posting" /></a></div></td>

You'll want to experiment with this, as not all styles have the same templates for the editors. But most do.

Upload this image to your server at location / and style it "uploadimage.png."



Do this edit for each template indicated on the populated list above that are in red.

The result is, every member who is logged in will see the icon in the posting editors and on click, will give them a popup with the uploader loaded and ready for their images. You and your members will see this in your editors:



And that's it! The uploader itself is very user friendly and intuitive, not much different at all from photobucket, ImageShack, or any other image hosting feature including vBulletin's own attachment uploader. So your membership should have no problems with it.


I posted all images in this post, using this very same image uploader, on my board! So as you can see it can be used anywhere to post images. There are also links provided after upload, for direct sharing, email sharing, and so on.

Enjoy!

[RSNF]

I can't tell you all how much myself and my members love this feature...........Thank you Sooo much!!

[blind-eddie]

I like this image hosting software, I have been using it for a couple years on a few HTML sites I have. I am sure this will be used by many of our fellow 3.8 members.
Thanks for sharing.

[Max Taxable]

Originally Posted by blind-eddie

I like this image hosting software, I have been using it for a couple years on a few HTML sites I have. I am sure this will be used by many of our fellow 3.8 members.
Thanks for sharing.

I added a "test drive" login credentials to the OP, thanks for the idea!

[Max Taxable]

Originally Posted by RSNF

I can't tell you all how much myself and my members love this feature...........Thank you Sooo much!!

It's a handy little gadget glad you like!

[Robert Waanders]

Hey This is great, thanks for sharing this info! I wil implement this on my site.

Robert

[Robert Waanders]

Currently implementing this on my site, one question. Once clicked on the upload image button, a screen appears, fine, after selecting an image I don't get a scroll-bar to scroll down in the window to select the needed html code... Anyone else the same problem?

Robert

[Robert Waanders]

ha... found a solution... Added : resizable=yes Now works fine..

[Max Taxable]

Originally Posted by Robert Waanders

ha... found a solution... Added : resizable=yes Now works fine..

Please feel free to post your code as used for the edification of others and do mark installed if you like it!

[Robert Waanders]

Originally Posted by Max Taxable

Please feel free to post your code as used for the edification of others and do mark installed if you like it!

Will do, there is one thing that is concerning me, the coder of the image hosting software seems to be not so active on his site..

I did some more research, and i found http://chevereto.com Do you know about this script?