Tinypic Uploader For New thread, New reply, and Quick reply.

[mandingo]

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:
<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:
{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:
<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.
================================================== =========================
https://vborg.vbsupport.ru/external/2010/01/53.jpg

https://vborg.vbsupport.ru/external/2010/01/54.jpg



I am assuming this would work as a widget too.

[Dr.osamA]

thanxxxxx

installed
________
Mercedes-benz 240d (http://www.mercedes-wiki.com/wiki/Mercedes-Benz_240D)

[Taurus1]

This is wonderful, thanks so much!! Also is it possible to get this to also work for 3.8.4 PLEASE!?

[mandingo]

This is wonderful, thanks so much!! Also is it possible to get this to also work for 3.8.4 PLEASE!?

I'll try to remember this weekend.

[nektar]

This is wonderful, thanks so much!! Also is it possible to get this to also work for 3.8.4 PLEASE!?

Just paste the code in your templates as described above and it works fine in 3.8.4

Just did it.

[mandingo]

Just paste the code in your templates as described above and it works fine in 3.8.4

Just did it.

Thanks! I was pretty sure it would be close.

[Taurus1]

Thanks guys. It works in the top 2 cases, but for some reason I can't get it to show for the quickreply. Any advise?

[nikosb]

thanks

[mandingo]

Thanks guys. It works in the top 2 cases, but for some reason I can't get it to show for the quickreply. Any advise?

I'll try to look into it later when I'm at home.

[Andre31]

THX, works wonderfull. Great modification!:up:

[mandingo]

Thanks guys. It works in the top 2 cases, but for some reason I can't get it to show for the quickreply. Any advise?

try this.

<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"

[darknusens]

Wow, nice mod guy. :) *Installed.

EDIT: How can I shrink the drop down box? When I click on tinypic plugin its very long.

Edit 2: By the way I'm on vBulletin 3.8.4

[mandingo]

Wow, nice mod guy. :) *Installed.

EDIT: How can I shrink the drop down box? When I click on tinypic plugin its very long.

That's the only size, sorry.

[Taurus1]

try this.

<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"

Tried it, but still nothing! :(
Thanks for the effort mate!! :up:

[mandingo]

Tried it, but still nothing! :(
Thanks for the effort mate!! :up:

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

[Taurus1]

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

Yes! (Yes, Click Not Required)

[mandingo]

Wow,I don't get it then.

[darknusens]

That's the only size, sorry.

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?

https://vborg.vbsupport.ru/external/2012/09/23.jpg

Or maybe you prefer something like this?

https://vborg.vbsupport.ru/external/2012/09/33.png

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: <vb:if condition="$show['poll']">


If your running vbulletin 3.8.4, then search for:

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


put the following code above it:

<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: <vb:if condition="$show['member']">


If your running vbulletin 3.8.4, then search for:

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


put the following code below it:

<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. :)

[GrayFox24]

Thanks for posting it here.

It was a quick edit. So have fun guys, Use it wisely :D

[compuminus]

This is a great code mod! Only problem is that the TinyPic button does not appear when editing a post. It would be great if the template mods for this were included as well...

[mandingo]

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?

https://vborg.vbsupport.ru/external/2012/09/23.jpg

Or maybe you prefer something like this?

https://vborg.vbsupport.ru/external/2012/09/33.png

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: <vb:if condition="$show['poll']">


If your running vbulletin 3.8.4, then search for:

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


put the following code above it:

<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: <vb:if condition="$show['member']">


If your running vbulletin 3.8.4, then search for:

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


put the following code below it:

<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 :D

[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]

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

[RyanIsra.net]

Just installed on vb 4.1.8

However, the uploaded result is not showing the IMG code because the scrolling is disabled.

Also increasing the height, hence users will get the IMG code immediately.

attached my tiniypic script file. Don't forget to change it to .txt or replace your current code with this one...

Mark as installed ;)

[javaidvip]

where file fond and cdoing add ?

[pbforum]

how to change size

[BlueCheri]

Good one, tagged.

Will try in few days.

G!

[BlueCheri]

Good one, installed.

Works fine.

Thanx

[boazor]

I install it and its work fine.

but i didn't find in the template showthread_quickreply
but i don't need there .

Thank you

[leejohn02]

i tried installing it, but when i go to click the tinychat button nothing happens

Anyone gonna answer??

[eyedream]

yes in my vb 4.1.11 also not working same issue like you :(

[tehbasmentdwell]

Have recently upgraded my board from V4.1.1 to the latest V4.2 and now i cant get the Tinypic uploader to appear in the quick reply box, anyone know a fix?

Thanks!

[tehbasmentdwell]

Have recently upgraded my board from V4.1.1 to the latest V4.2 and now i cant get the Tinypic uploader to appear in the quick reply box, anyone know a fix?

Thanks!

Anyone? I assume it must be something quite simple i've missed but don't have the knowledge to correct it myself :(

[Kolektor]

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?

https://vborg.vbsupport.ru/external/2012/09/23.jpg

Or maybe you prefer something like this?

https://vborg.vbsupport.ru/external/2012/09/33.png

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: <vb:if condition="$show['poll']">


If your running vbulletin 3.8.4, then search for:

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


put the following code above it:

<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: <vb:if condition="$show['member']">


If your running vbulletin 3.8.4, then search for:

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


put the following code below it:

<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. :)

and this one works with quickreply also, just paste the same code at the bottom of showthread_quickreply template. :p

[Menno11]

thank you for this

[thetechgenius]

This doesn't work with https/ssl, since Tinypic doesn't have https/ssl enabled on their site. And my entire site runs through HTTPS, so I can't use this addon. Thanks anyway though!

[msau]

this works great, thanks.

in 4.2 there is no 'showthread_quickreply' so just add that code in the 'editor_ckeditor' template and works a treat.

[kemraj]

This doesn't work with https/ssl, since Tinypic doesn't have https/ssl enabled on their site. And my entire site runs through HTTPS, so I can't use this addon. Thanks anyway though!


I'm also having this problem as well, can someone provide a fix for this?

[geosharing]

please help im using vbulletin 4.2.2 i can't find this to edit showthread_quickreply

[friendlymela]

Wow this is really wonderful for forums (http://friendlymela.com) .. thanks

[geosharing]

anybody have idea about how to find showthread_quickreply on vb 4.2.3 ?

[friendlymela]

any tinypic upload bbcode for editor?

[Noon]

showthread_quickreply is not found in VBulletin 4.2.3 (I think that is my version).

Regardless of my version, since I cannot find showthread_quickreply and I have been researching alternatives, what do you suggest?

Does anybody know?

[Alan_SP]

For vB version that have CKEditor, you don't edit it in many places, only CKEditor template, i.e. editor_ckeditor.

In that template you can add whatever html code you want, including tinypic implementation, but of course, you can add additional image services. Just add them at the end of template. Then it will work in all places where editor is used.

[bosanci28]

showthread_quickreply is not found in VBulletin 4.2.3 (I think that is my version).

Regardless of my version, since I cannot find showthread_quickreply and I have been researching alternatives, what do you suggest?

Does anybody know?
See attached pictures.

[Manoel J?nior]

Can not anyone update this product and add here for version 4.x?

[Alan_SP]

It's template edit, not mod. If you use TMS, you can manage your templates with greater convenience.