We hope you enjoy your visit.

You're currently viewing our forum as a guest. This means you are limited to certain areas of the board and there are some features you can't use. If you join our community, you'll be able to access member-only sections, and use many member-only features such as customizing your profile, sending personal messages, and voting in polls. Registration is simple, fast, and completely free.


Join our community!


If you're already a member please log in to your account to access all of our features:

Username:   Password:
Add Reply
  • Pages:
  • 1
Add imgZB Image Uploader
Topic Started: Apr 21 2018, 12:16 AM (724 Views)
Skyon Archer
Member Avatar
Member
[ *  *  *  * ]
Posted Image

imgZB is a free image hosting site that allows you to upload JPG, PNG, BMP, and GIF images. They allow for a maximum upload size of 10 MB!

Since ZetaBoards barely let's you upload anything to your topics/posts, here's an easy way to integrate the imgZB image uploader to your ZetaBoards forum.

Code:
 

<script async src="//imgzb.com/sdk/pup.js" data-url="https://imgzb.com/upload"></script>


The above code will present your user with a text link like this:
Posted Image

The cool part of imgZB's service is that you can either upload from your computer/device or you can also transload images. Transload is where you put the address to an image and it is uploaded. Also, once you upload an image to imgZB, the link to the image is automatically inserted into your topic, post or reply!

So, if you want to add better upload ability to your forum, simply use the code from above in your Javascripts section of your Board Template.

Preview? Simply install and just make a topic, post or reply!
What is this?

Add image uploading to your website, blog or forum by installing our upload plugin. It provides image uploading to any website by placing a button that will allow your users to directly upload images to our service and it will automatically handle the codes needed for insertion. All features are included like drag and drop, remote upload, image resizing and more.

How do I use it and can I customize this?

Copy and paste the plugin code into your website HTML code (preferably inside the head section). There are plenty options to make it fit better to your needs. From changing the color of the upload image button to where you want the image sharing code to be displayed and more! Simply visit the imbZB plugin page at https://imgzb.com/plugin for more information.
Edited by Skyon Archer, May 9 2018, 08:44 AM.
Offline Profile Quote Post Goto Top
 
fnuppage
Member
[ *  *  *  * ]
Skyon Archer
Apr 21 2018, 12:16 AM
Posted Image

imgZB is a free image hosting site that allows you to upload JPG, PNG, BMP, and GIF images. They allow for a maximum upload size of 10 MB!

Since ZetaBoards barely let's you upload anything to your topics/posts, here's an easy way to integrate the imgZB image uploader to your ZetaBoards forum.

Code:
 

<script async src="//imgzb.com/sdk/pup.js" data-url="https://imgzb.com/upload"></script>


The above code will present your user with a text link like this:
Posted Image

The cool part of imgZB's service is that you can either upload from your computer/device or you can also transload images. Transload is where you put the address to an image and it is uploaded. Also, once you upload an image to imgZB, the link to the image is automatically inserted into your topic, post or reply!

So, if you want to add better upload ability to your forum, simply use the code from above in your Javascripts section of your Board Template.

Preview? Simply install and just make a topic, post or reply!
What is this?

Add image uploading to your website, blog or forum by installing our upload plugin. It provides image uploading to any website by placing a button that will allow your users to directly upload images to our service and it will automatically handle the codes needed for insertion. All features are included like drag and drop, remote upload, image resizing and more.

How do I use it and can I customize this?

Copy and paste the plugin code into your website HTML code (preferably inside the head section). There are plenty options to make it fit better to your needs. From changing the color of the upload image button to where you want the image sharing code to be displayed and more! Simply visit the imbZB plugin page at https://imgzb.com/plugin for more information.
What is the difference between this code and the one you posted Here
Offline Profile Quote Post Goto Top
 
Bry.
Member
[ *  *  * ]
This one is more tailored for ZetaBoards, hence the "ZB" in its name. Also that it's a better alternative than having to upload images into ZetaBoards' own file manager in case any of them don't appear because of their domains being blocked. I've got the code for this installed today and it works like a charm ^_^
Offline Profile Quote Post Goto Top
 
Skyon Archer
Member Avatar
Member
[ *  *  *  * ]
fnuppage
Apr 21 2018, 02:44 PM
What is the difference between this code and the one you posted Here
1. I own/operate imgZB
2. My uploader script is diverse for all forums, websites or blogs. If there's a textarea to type in, my script will automatically upload and insert your choice of code into it (bbcode, html, different sizes, tons of options)
3. Did I mention this is my site? :)
4. The upload images button integrates "nicer" with the forum.

I was tired of remote image hosts giving users issues with downtime, deleted images, moving from free to fee based hosting and generally terrible service. So I decided to do something about it!

As such, I proudly present to you imgZB.

As Bry said, I did this specifically for ZetaBoards users, hence the ZB in the domain name; however, as I said, it can be used practically anywhere!
Offline Profile Quote Post Goto Top
 
fnuppage
Member
[ *  *  *  * ]
When I try to upload an image using this code I encounter the following error

Quote:
 
No image have been uploaded
Some errors have occured and the system couldn't process your request.


When I upload the image it appears to be working ok and on each occasion I have chosen "Forum Images" from the drop down menu.

However if I use the other code posted the image is uploaded with no errors
Offline Profile Quote Post Goto Top
 
Skyon Archer
Member Avatar
Member
[ *  *  *  * ]
I'll keep an eye on this. This is the first instance of any issue by anyone. Can you tell me what browser you are using? Do you have any blocker installed (ad block, etc)?




Useful Links:

imgZB Website: https://imgzb.com
imgZB Forum: http://forum.imgzb.com or https://imgzb.com/forum
imgZB Upload Plugin: https://plugin.imgzb.com or https://imgzb.com/plugin
imgZB Upload Plugin Topic: http://forum.imgzb.com/topic/10488357/

imgZB Registration: https://signup.imgzb.com or https://imgzb.com/signup
imgZB Member Login: https://login.imgzb.com or https://imgzb.com/login

imgZB Recent Uploads: https://recent.imgzb.com or https://imgzb.com/explore/recent
imgZB Terms of Service: https://tos.imgzb.com or https://imgzb.com/page/tos
imgZB Privacy Policy: https://privacy.imgzb.com or https://imgzb.com/page/privacy
imgZB Statistics: https://statistics.imgzb.com or https://imgzb.com/page/statistics
Offline Profile Quote Post Goto Top
 
fnuppage
Member
[ *  *  *  * ]
Ublock Origin is installed but is de-activated on the forum and there is no dialogue shown to disable on the uploader. I was using Firefox on Linux Mint
Offline Profile Quote Post Goto Top
 
Skyon Archer
Member Avatar
Member
[ *  *  *  * ]
An update was just applied to the script, please try again.

Also, I found where uBlock Origin was stopping others from being able to upload images to facebook. The suggested fix:

Quote:
 
Update your EasyPrivacy list by clicking on the uBlock Origin icon, then click on the gear icon to open the dashboard and you'll see the 3rd-party filters tab. Scroll down to the Privacy section, then click on the clock icon next to the EasyPrivacy line, it'll turn into a warning sign due to it being out of date, scroll back up and click on the Update now button


Also, it was suggested that you can add this to your filters:

Quote:
 
@@||https://imgzb.com/*
Offline Profile Quote Post Goto Top
 
fnuppage
Member
[ *  *  *  * ]
Thanks. that has fixed the issue and this is now working fine for me.
Offline Profile Quote Post Goto Top
 
Skyon Archer
Member Avatar
Member
[ *  *  *  * ]
There are plenty options to make the Upload Plugin fit better for your website needs. By adding a few words and you can make the system integrate more aesthetically.

The base code to implement the Upload Plugin is:
Code:
 
<script async src="//imgzb.com/sdk/pup.js" data-url="https://imgzb.com/upload"></script>

To make the upload images button clear, simply add data-palette="clear" to the imgzb script tag, like this:
Code:
 
<script async src="//imgzb.com/sdk/pup.js" data-url="https://imgzb.com/upload" data-palette="clear"></script>

You can make it almost any color you'd like this way.

The default selections include: Clear, Turquoise, Green, Blue, Purple, Darkblue, Yellow, Orange, Red, Grey and Black

So to make the button blue, you would add data-palette="blue", so the script tag would be revised to this:
Code:
 
<script async src="//imgzb.com/sdk/pup.js" data-url="https://imgzb.com/upload" data-palette="blue"></script>

There many other options available which include what type of code is automatically inserted, where the button is placed in relation to your text input box and much more. Visit the Upload Plugin page and click on the hyperlink "options" for more information on options for implementation.

Visit the Upload Plugin Category at imgZB Forum for more information about the Upload Plugin.
Offline Profile Quote Post Goto Top
 
fnuppage
Member
[ *  *  *  * ]
Thanks, being able to change the color of the button is fantastic - chose "red" which seems to work with the two installed styles
Offline Profile Quote Post Goto Top
 
Skyon Archer
Member Avatar
Member
[ *  *  *  * ]
Great news!

Be sure to visit the Upload Plugin Category at imgZB Forum for more information about the Upload Plugin.
Also, I just added directions on how to easily move the Upload images button to a different location next to other "stuff".

Be sure to review the Upload Plugin Button Placement Options topic for more information!
Offline Profile Quote Post Goto Top
 
fnuppage
Member
[ *  *  *  * ]
How would I go about combining the color option with moving the button to the top please?
Offline Profile Quote Post Goto Top
 
Skyon Archer
Member Avatar
Member
[ *  *  *  * ]
Without knowing exactly where you are talking about in "top", there is this:

Code:
 
<script async src="//imgzb.com/sdk/pup.js" data-url="https://imgzb.com/upload" data-palette="red" data-sibling-pos="above"></script>


If you want it up, near the BBCode buttons, you could use this:

Code:
 
<script async src="//imgzb.com/sdk/pup.js" data-url="https://imgzb.com/upload" data-palette="red" data-sibling-pos="before" data-sibling="input[name=helpbox]"></script>


This would make the button go here:

Posted Image
Edited by Skyon Archer, Apr 26 2018, 05:24 PM.
Offline Profile Quote Post Goto Top
 
Skyon Archer
Member Avatar
Member
[ *  *  *  * ]
One of the great options available as a registered member of imgZB is that you can customize your profile background.

The default look is nice, but sort of plain . . .

Posted Image

You can upload an image and customize your profile by uploading a background image to make it look like this . . .

Posted Image

One perk of adding a profile background image, when someone explores the images and see's your mini-user profile, your profile background is displayed there as well . . .

Posted Image

So, take a moment and Sign Up an account and modify your profile. If you are already a member, Sign In and get to work!

To view a real, live, profile, visit mine at https://imgzb.com/skyonarcher
Edited by Skyon Archer, Apr 29 2018, 08:59 PM.
Offline Profile Quote Post Goto Top
 
1 user reading this topic (1 Guest and 0 Anonymous)
Go to Next Page
« Previous Topic · ZetaBoards Codes & Modifications · Next Topic »
Add Reply
  • Pages:
  • 1