New Posting Features - Tinypic Uploader For New thread, New reply, and Quick reply.

Go here if you want to tweak it/switch to your language:

http://tinypic.com/developer.php
(keep in mind doing so will change the code below,just change it to suit your needs)

For newthread template:

find:

PHP Code:

<vb:if condition="$show['poll']"> 


put:

   <div class="blockrow">
         <script type="text/javascript">
tinypic_layout = 'narrow';
tinypic_type = 'both';
tinypic_links = 'forum';
tinypic_language = 'en';
tinypic_search = 'false';
tinypic_autoload = false;
</script>
<script src="http://plugin.tinypic.com/j/plugin.js" type="text/javascript"></script>
<input type="button" value="TinyPic Plugin" onclick="javascript:showTinypicPlugin();"/></div>

above it.

================================================== =======================
For newreply template:

find:

PHP Code:

{vb:raw attachmentoption}

    <vb:if condition="$show['member']"> 


put:

   <div class="blockrow">
         <script type="text/javascript">
tinypic_layout = 'narrow';
tinypic_type = 'both';
tinypic_links = 'forum';
tinypic_language = 'en';
tinypic_search = 'false';
tinypic_autoload = false;
</script>
<script src="http://plugin.tinypic.com/j/plugin.js" type="text/javascript"></script>
<input type="button" value="TinyPic Plugin" onclick="javascript:showTinypicPlugin();"/></div>

below it.

================================================== =
for showthread_quickreply:

find:

PHP Code:

<input type="hidden" name="wysiwyg" id="{vb:raw editorid}_mode" value="{vb:raw editortype}" /> 


and put:

<li class="editor_control_group_item"><script type="text/javascript">
tinypic_layout = 'narrow';
tinypic_type = 'both';
tinypic_links = 'forum';
tinypic_language = 'en';
tinypic_search = 'false';
tinypic_autoload = false;
</script>
<script src="http://plugin.tinypic.com/j/plugin.js" type="text/javascript"></script>
<input type="button" value="TinyPic Plugin" onclick="javascript:showTinypicPlugin();"/></li>

Above it.
================================================== =========================






I am assuming this would work as a widget too.

[mandingo]

Originally Posted by darknusens

Ladies and gentlemen, boys and girls, prepare to be amazed as I prove to you all, where there is a will, there is always a way. How would you like to have a tinypic plugin like the screen shot below?



Or maybe you prefer something like this?



Thanks to Grayfox from GamerzCreed.com You can. This is how you can do it.

First, download the attachment included in this post and put it in your forums/clientscript/ directory via your favorite FTP client.

In the newthread template from vbulletin 4.0.1:

find:

PHP Code:

<vb:if condition="$show['poll']"> 


If your running vbulletin 3.8.4, then search for:

PHP Code:

<if condition="$show['poll']"> 


put the following code above it:

PHP Code:

<fieldset class="fieldset">
<legend>TinyPic Uploader</legend>
<div style="padding:$stylevar[formspacer]px">
      <div>Upload your images to TinyPic from here.</div>
        </div>
<div style="padding:$stylevar[formspacer]px"><input type="button" class="button" tabindex="1" style="font-weight:normal" value="TinyPic Uploader" onclick="javascript:showTinypicPlugin(); this.style.display='none';"/></div>
<center><script type="text/javascript">
tinypic_layout = 'wide';
tinypic_type = 'both';
tinypic_links = 'forum';
tinypic_language = 'en';
tinypic_search = 'false';
tinypic_autoload = false;
</script>
<script src="http://yoursite.com/forums/clientscript/Tinypic plugin.js" type="text/javascript"></script></center>
</fieldset> 


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

In the newreply template from vbulletin 4.0.1:

find:

PHP Code:

<vb:if condition="$show['member']"> 


If your running vbulletin 3.8.4, then search for:

PHP Code:

<if condition="$show['member']"> 


put the following code below it:

PHP Code:

<fieldset class="fieldset">
<legend>TinyPic Uploader</legend>
<div style="padding:$stylevar[formspacer]px">
      <div>Upload your images to TinyPic from here.</div>
        </div>
<div style="padding:$stylevar[formspacer]px"><input type="button" class="button" tabindex="1" style="font-weight:normal" value="TinyPic Uploader" onclick="javascript:showTinypicPlugin(); this.style.display='none';"/></div>
<center><script type="text/javascript">
tinypic_layout = 'wide';
tinypic_type = 'both';
tinypic_links = 'forum';
tinypic_language = 'en';
tinypic_search = 'false';
tinypic_autoload = false;
</script>
<script src="http://yoursite.com/forums/clientscript/Tinypic plugin.js" type="text/javascript"></script></center>
</fieldset> 


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

There is one line in the above two codes that you will need to change in order to make it work and three other ones that are optional.

The three optional ones include the following and are marked in red:

1. <legend>TinyPic Uploader</legend>

2. <div>Upload your images to TinyPic from here.</div>

3. tinypic_layout = 'wide';

The first two are just so you can have it say whatever you want and the last line is so you can either have the tinypic layout from screen shot one or from screen shot two. If you want the layout from screen shot one put 'narrow'; If you want the layout from screen shot two put 'wide';

The code that you will need to change is the following and is marked in red:

1. <script src=" http://yoursite.com/forums/clientscript/Tinypic plugin.js "

That's the URL that's pointing to the script you uploaded onto your server earlier. Just change it to your own sites URL.

I wont go into showthread_quickreply since some people were having problems with it. But at least you have more options now.

Nice addition.

[iguano]

very nice
installed of course

[Whtetrashwarrio]

Thanks INSTALLED !

[syrn]

very nice .INSTALLED

[ARSamo]

thnx .......... but how can upload image to tiny pic from other url...

[8thos]

Does anyone have this working for Quick Reply?

[compuminus]

Originally Posted by Octavius.

Does anyone have this working for Quick Reply?

You can get it working with quick reply if you install one of the quick -> advanced reply mods and edit the mod's template instead. Works fine for me -- never could get the quick reply working with the latest vB versions...

[GamerFill]

Works perfectly! Thank you!

[Okuma Steve]

Is there anyway this could be made to allow for multiple uploads at once?

[ekberali]

Hi, quick reply not working...

<img src="{vb:stylevar imgdir_editor}/spelling.png" class="imagebutton" id="{vb:raw editorid}_cmd_spelling" width="20" height="20" alt="{vb:rawphrase check_spelling}" />
					</vb:if>
<div><script type="text/javascript">
tinypic_layout = 'narrow';
tinypic_type = 'both';
tinypic_links = 'forum';
tinypic_language = 'en';
tinypic_search = 'false';
tinypic_autoload = false;
</script>
<script src="http://plugin.tinypic.com/j/plugin.js" type="text/javascript"></script>
<input type="button" value="TinyPic Plugin" onclick="javascript:showTinypicPlugin();"/></div>
					<div>
                                             
						<div><img src="{vb:stylevar imgdir_editor}/resize_0.gif"

I used this code and this

What do you have your quick reply options set to?
options>message posting and editing options>Yes, Click Not Required?

Please help