Deep Bot - Twitch Streamer Assistant

Deep Bot => Help/Support => Topic started by: Beardedbob on January 05, 2019, 03:37:03 AM

Title: GIF Widget Not working right?
Post by: Beardedbob on January 05, 2019, 03:37:03 AM

Hi,

I'm trying to create a custom gif that is triggered from a users typing say !killer This works and the command is triggered but deepbot shows me a info panel with title and message in blue and the gif in there http://deepbot.tv/widgets/InfoPanel.htm?dur=5&test=0&panel=killer

What I want is the gif just on its own without this panel. I've had it working but for some reason now i'm missing something can anyone help?

cheers

Bob

Title: Re: GIF Widget Not working right?
Post by: Mitch on January 05, 2019, 02:05:42 PM

https://wiki.deepbot.tv/image_only_widget (https://wiki.deepbot.tv/image_only_widget)

Try this:

http://deepbot.tv/widgets/ (http://deepbot.tv/widgets/)InfoPanel.htm?dur=5&test=0&panel=killer    red is old
>
http://deepbot.tv/widgets/ (http://deepbot.tv/widgets/)ImagePanel.htm?dur=5&test=0&panel=killer    green is new

Title: Re: GIF Widget Not working right?
Post by: Beardedbob on January 06, 2019, 12:02:03 AM

It kinds of works. I get the gif but its cropped in the top left corner? If I change the obs browser window properties for a higher window it still being cropped.

Title: Re: GIF Widget Not working right?
Post by: Beardedbob on January 06, 2019, 12:37:49 AM

I've put it back to the older url and used the following CSS that is working but the image/gif is tiny and I can't see how to edit the size.

@font-face {
    font-family: 'Dolce Vita';
    src: url('fonts/Dolce Vita.ttf');
}
#infoContainer {
    width: 0px;
    height: 0px;
    background: none;
    position: absolute;
    top: 0px;
    left: 0px;
    overflow: hidden;
    color: white;
    font-family: 'Dolce Vita';
    -webkit-box-shadow: none;
}
#infoHeader {
    width: 400px;
    height: 26px;
    background: none;
    position: relative;
    overflow: hidden;
    text-align: center;
    font-size: 24px;
}
#infoContent {
    width: 400px;
    height: 94px;
    background: none;
    position: relative;
    overflow: hidden;
    color: white;
}
#infoContentText {
    text-align: center;
    display: table-cell;
    height: 80px;
    width: 300px;
    vertical-align: middle;
}
#InfoImage {
    width: 90px;
    height: 90px;
    float: left;
    background-image: url("images/twitchLogo.png");
    background-repeat: no-repeat;
    background-size: contain;
}

Title: Re: GIF Widget Not working right?
Post by: Beardedbob on January 06, 2019, 12:42:54 AM

Thanks for your help.  I got it working using this url which allows me to set the size also

http://deepbot.tv/widgets/ImagePanel.htm?dur=5&panel=killer&w=500&h=500

Title: Re: GIF Widget Not working right?
Post by: Mitch on January 06, 2019, 07:29:56 PM

:)
/closed