vb.org Archive - Image Upload System

The images are NOT hosted on your webspace. This code is using the free (no registration) hoster Imageshacks.

However, Imageshacks does supply a piece of code which enables Image Uploading in your forum. Since iframe will be used there is not way (at least for me) to create an installer or something like this.

Please see screenshot as example.

These instructions will help you to install 'ImageShack on your Site' into the reply and post-new-thread sections of your vBulletin message board, thus giving your visitors the ability to upload images directly. After upload, they may paste the images directly into their post box.

1. Log into your admin cp, and click on Styles and Templates, then Style Manager.
2. For the theme (or themes) that you would like to add the iframe to, select in the drop down box "Edit Templates". You should see a whole list of template groups now.
3. Click the "[? ?]" on the "New Posting Templates".
4. To add the box to the reply page, click edit on the bullet point that says "newreply".
5. Search for this code:

Code:

<fieldset class="fieldset"><legend>$vbphrase[miscellaneous_options]</legend>

<div style="padding:$stylevar[formspacer]px"><if condition="$bbuserinfo['signature'] != ''"><div>

<label for="cb_signature"><input type="checkbox" name="signature" value="1" id="cb_signature" 

tabindex="1" $checked[signature] />$vbphrase[show_your_signature]</label></div></if><div>

<label for="cb_parseurl"><input type="checkbox" name="parseurl" value="1" id="cb_parseurl" 

tabindex="1" $checked[parseurl] />

$vbphrase[automatically_parse_links_in_text]</label></div>

disablesmiliesoption</div></fieldset>

6. Paste the iframe code DIRECTLY AFTER the instance mentioned above.

Code:

<fieldset class="fieldset"><legend>Upload your images to ImageShack</legend>

<div style="padding:$stylevar[formspacer]px">

<iframe src="http://imageshack.us/iframe.php?txtcolor=111111" scrolling="no" allowtransparency="true" frameborder="0" width="280" height="70"> You must 

have an iframe-compatable browser to view the ImageShack.us upload form.</iframe></div></fieldset>

7. Click Save.
8. To add the iframe in the new thread page, click edit on "newthread".
9. Repeat steps 5, 6, and 7.
10. Login to your message board as a regular user. Either click "Post New Thread" or reply to an existing thread in order to test out your new Image Hosting Service!

Click for Original from Imageshacks

There is no credit for as I only tested it successfully on my board which is 3.5 RC2 but this is VERY usefull.

X vBulletin 3.8.12 by vBS Debug Information
Page Generation 0.01046 seconds Memory Usage 1,724KB Queries Executed 10 (?)
More Information
Template Usage: (1)ad_footer_end (1)ad_footer_start (1)ad_header_end (1)ad_header_logo (1)ad_navbar_below (2)bbcode_code_printable (1)footer (1)gobutton (1)header (1)headinclude (6)option (1)post_thanks_navbar_search (1)printthread (5)printthreadbit (1)spacer_close (1)spacer_open Phrase Groups Available: global postbit showthread	Included Files: ./printthread.php ./global.php ./includes/init.php ./includes/class_core.php ./includes/config.php ./includes/functions.php ./includes/class_hook.php ./includes/modsystem_functions.php ./includes/class_bbcode_alt.php ./includes/class_bbcode.php ./includes/functions_bigthree.php Hooks Called: init_startup init_startup_session_setup_start init_startup_session_setup_complete cache_permissions fetch_threadinfo_query fetch_threadinfo fetch_foruminfo style_fetch cache_templates global_start parse_templates global_setup_complete printthread_start bbcode_fetch_tags bbcode_create bbcode_parse_start bbcode_parse_complete_precache bbcode_parse_complete printthread_post printthread_complete
Messages: