This shows you the differences between two versions of the page.
— |
image_only_widget [2016/06/20 16:37] (current) repentgamingtv created |
||
---|---|---|---|
Line 1: | Line 1: | ||
+ | ~~NOTOC~~ | ||
+ | ===== How create an Image Only Widget ===== | ||
+ | ---- | ||
+ | ==== Overview ==== | ||
+ | ---- | ||
+ | Video Guide: [[https://www.youtube.com/watch?v=qlXBLan9jg4|Here]] | ||
+ | |||
+ | There is one link you will need for all Image-Only Widgets, and I will show you how to customize the link so it works with your widget: | ||
+ | |||
+ | http://deepbot.tv/widgets/ImagePanel.htm?dur=5&test=1&panel=img&w=500&h=500 | ||
+ | |||
+ | I will explain each variable after the "?" in http://deepbot.tv/widgets/ImagePanel.htm?dur=5&test=1&panel=img&w=500&h=500 | ||
+ | |||
+ | * **dur=5** - This means how long, in seconds, do you want the widget to pop up for. | ||
+ | * **test=1** - This is to test the widget without doing the command, I recommend removing it. | ||
+ | * **panel=img** - This is where you will put the widget name where "img" is. (E.g. panel=widget1) | ||
+ | * **w=500** - Is the width of the image. | ||
+ | * **h=500** - Is the height of the image. | ||
+ | |||
+ | ---- | ||
+ | ==== Setup ==== | ||
+ | ---- | ||
+ | |||
+ | **1.** First off, we need to make a new command for the widget. | ||
+ | * **A.** Input the command that will trigger the widget. (E.g. !widgettest) | ||
+ | * **B.** We will now move down to "On Screen Widget" section on the lower half of the left side. | ||
+ | * **C.** Input a "Widget Name". Note: You will need this name for when you put it in the URL. (E.g. panel=WidgetNameGoesHere) | ||
+ | * **D.** Leave Title and Message Blank. | ||
+ | * **E.** In Direct URL to the Image in the "Image" Box. (E.g. http://i.imgur.com/Rgpbpl0.jpg ) | ||
+ | |||
+ | ---- | ||
+ | |||
+ | **2.** Now to fill out the URL with the Command Inforomation. | ||
+ | * **A.** Put the duration you want in seconds in the "dur=" part. (E.g. dur=5) | ||
+ | * **B.** Take the widget name and put it in "panel=" (E.g. panel=WidgetNameGoesHere) | ||
+ | * **C.** Then put the dimensions of the image into the "w=" and "h=". (E.g. w=320 and h=278) | ||
+ | |||
+ | - Final Product: http://deepbot.tv/widgets/ImagePanel.htm?dur=5&panel=widgettest&w=320&h=278 | ||
+ | |||