Author Topic: GIF Widget Not working right?  (Read 2681 times)

0 Members and 1 Guest are viewing this topic.

Beardedbob

  • Youngling
  • *
  • Posts: 24
  • Karma: +0/-0
    • View Profile
  • Twitch Name: Beardedbob
GIF Widget Not working right?
« 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

Mitch

  • Master
  • ****
  • Posts: 401
  • Karma: +24/-1
  • Took me 20 minutes to change this...
    • View Profile
  • Twitch Name: Mitch619911
Re: GIF Widget Not working right?
« Reply #1 on: January 05, 2019, 02:05:42 PM »
https://wiki.deepbot.tv/image_only_widget

Try this:

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

Beardedbob

  • Youngling
  • *
  • Posts: 24
  • Karma: +0/-0
    • View Profile
  • Twitch Name: Beardedbob
Re: GIF Widget Not working right?
« Reply #2 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.

Beardedbob

  • Youngling
  • *
  • Posts: 24
  • Karma: +0/-0
    • View Profile
  • Twitch Name: Beardedbob
Re: GIF Widget Not working right?
« Reply #3 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;
}

Beardedbob

  • Youngling
  • *
  • Posts: 24
  • Karma: +0/-0
    • View Profile
  • Twitch Name: Beardedbob
Re: GIF Widget Not working right?
« Reply #4 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

Mitch

  • Master
  • ****
  • Posts: 401
  • Karma: +24/-1
  • Took me 20 minutes to change this...
    • View Profile
  • Twitch Name: Mitch619911
Re: GIF Widget Not working right?
« Reply #5 on: January 06, 2019, 07:29:56 PM »
:)
/closed
:)