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!

[RichieBoy67]

Originally Posted by Max Taxable

Photobucket as in, this particular Mod? or the real photobucket?

The deal is, this is not any kind of 3rd party host you have no control over. This is totally controlled and hosted by you so nothing ever gets lost or taken down.

I have no idea if the major image hosts have time limits. I only know we can't control images hosted by them, and they definitely do disappear.

Hey Max, Now I am impressed! I was under the assumption that your mod used the third party hosting! If I still used an older version of Vbulletin I would have grabbed this for sure! Nice work!

[Max Taxable]

Originally Posted by RichieBoy67

Hey Max, Now I am impressed! I was under the assumption that your mod used the third party hosting! If I still used an older version of Vbulletin I would have grabbed this for sure! Nice work!

Thanks and yes, I just believe it is unnecessary for vB4.2.x since it has a better uploader and a better attachment display. Plus as in earlier versions, you can choose to store images in the file system instead of the database.

I first installed this to discourage members from using their own 3rd party photo hosting accounts - make it easier to post your photos - and it worked. I hardly ever see any hotlinked images that aren't on the same server as the board.

[Max Taxable]

Originally Posted by CAG CheechDogg

I want to add this to my vb4 but I have had no luck lol ... can't find the correct templates to edit ...im LOST !

Might be helpful:

https://vborg.vbsupport.ru/showthread.php?t=278828

[Vintum]

Originally Posted by Max Taxable

I just believe it is unnecessary for vB4.2.x since it has a better uploader and a better attachment display. Plus as in earlier versions, you can choose to store images in the file system instead of the database.

This is quite true. If it wasn't for the fact that my site has recently started building wikis for the games we play, we wouldn't need it either. But I installed vaultwiki, which has a SERIOUS lack of an easy means to upload and post images to the wiki without using external image hosts. This would do wonders for us.

So far I've managed to get the script installed and the button to appear on the editor in both the forum and the wiki, but I can't get the button to do anything. I can't find a template to just edit and add the code, though. I had to make plugins for ckeditor to do it.

[Vintum]

HEY!

After hours of bashing my face on the keyboard trying to figure out why the button wasn't working, a friend of mine came online. He's a dev himself, so I tossed him the question to see if he can help me figure out why the button did nothing at all. Turns out all I had to do was remove the "onclick" event from the code. And now it works just fine!

Here is everything I did to make this work on VB 4.2.2 in the ckeditor

1. Install the image software as described above. I got the 1.6.5 download and it was working fine for me. All set up and good to go.

2. I followed the guide to add a button here: https://vborg.vbsupport.ru/showthread.php?t=278828, as was already pointed out.

3. And the thing that made it all work for me:
Replace

alert('Hello world!');
	    editor.insertHtml( 'Hello World! - Hello World!' );

With

window.open('http://IMAGEHOST/BASE-URL-HERE/index.php?mode=vbull&tpl=.&forumurl=' + escape(document.location.href), '_imagehost', 'resizable=yes,width=860,height=625');

Aside from renaming all the 'celButtonDemo' into something else, that is all I can recall changing from his provided code. Didn't have much luck with changing where the button appeared. Replacing "Quote" with "Image" broke things for me.
I won't say the the setup is perfect, but it works. For example, by button is off center. Would love to know how to fix that.

[Manoel J?nior]

Originally Posted by Vintum

HEY!

After hours of bashing my face on the keyboard trying to figure out why the button wasn't working, a friend of mine came online. He's a dev himself, so I tossed him the question to see if he can help me figure out why the button did nothing at all. Turns out all I had to do was remove the "onclick" event from the code. And now it works just fine!

Here is everything I did to make this work on VB 4.2.2 in the ckeditor

1. Install the image software as described above. I got the 1.6.5 download and it was working fine for me. All set up and good to go.

2. I followed the guide to add a button here: https://vborg.vbsupport.ru/showthread.php?t=278828, as was already pointed out.

3. And the thing that made it all work for me:
Replace

alert('Hello world!');
	    editor.insertHtml( 'Hello World! - Hello World!' );

With

window.open('http://IMAGEHOST/BASE-URL-HERE/index.php?mode=vbull&tpl=.&forumurl=' + escape(document.location.href), '_imagehost', 'resizable=yes,width=860,height=625');

Aside from renaming all the 'celButtonDemo' into something else, that is all I can recall changing from his provided code. Didn't have much luck with changing where the button appeared. Replacing "Quote" with "Image" broke things for me.
I won't say the the setup is perfect, but it works. For example, by button is off center. Would love to know how to fix that.

Please, share modification

[Vintum]

I'm not understanding what you want from me. Everything is already provided.

[CAG CheechDogg]

Originally Posted by Vintum

HEY!

After hours of bashing my face on the keyboard trying to figure out why the button wasn't working, a friend of mine came online. He's a dev himself, so I tossed him the question to see if he can help me figure out why the button did nothing at all. Turns out all I had to do was remove the "onclick" event from the code. And now it works just fine!

Here is everything I did to make this work on VB 4.2.2 in the ckeditor

1. Install the image software as described above. I got the 1.6.5 download and it was working fine for me. All set up and good to go.

2. I followed the guide to add a button here: https://vborg.vbsupport.ru/showthread.php?t=278828, as was already pointed out.

3. And the thing that made it all work for me:
Replace

alert('Hello world!');
	    editor.insertHtml( 'Hello World! - Hello World!' );

With

window.open('http://IMAGEHOST/BASE-URL-HERE/index.php?mode=vbull&tpl=.&forumurl=' + escape(document.location.href), '_imagehost', 'resizable=yes,width=860,height=625');

Aside from renaming all the 'celButtonDemo' into something else, that is all I can recall changing from his provided code. Didn't have much luck with changing where the button appeared. Replacing "Quote" with "Image" broke things for me.
I won't say the the setup is perfect, but it works. For example, by button is off center. Would love to know how to fix that.

This tutorial definitely helped and I now have it up and running on my Vb4 forums, thank you Vintum !!!!

[CAG CheechDogg]

Max !!! help !!! I forgot my admin password and for some reason I can't recover my password .... it has a recover password link but nothing happens ....any clue?

[Replicant]

Originally Posted by CAG CheechDogg

Max !!! help !!! I forgot my admin password and for some reason I can't recover my password .... it has a recover password link but nothing happens ....any clue?

PM sent.