Deep Bot - Twitch Streamer Assistant

Deep Bot => Custom Notifications => Topic started by: MissHype on December 21, 2014, 03:03:06 AM

Title: How i can insert my .gif?
Post by: MissHype on December 21, 2014, 03:03:06 AM

Hey guys and sorry for my english.

I used twitchalerts for my donation alert. Now i have experts send my paypal and twitchname to use the bot for shouts and any.
I can set my sound "bangarang" but i cant set my awsome .gif...

and i dont know where i have to insert the link that i get from experts. the wiki is nice, but i dont understand it.

perhaps anyone can help me :) German language is very welcome ^^

best regards

Title: Re: How i can insert my .gif?
Post by: ExpertsOnline on December 21, 2014, 11:27:28 AM

Please provide the .gif you would like to use.

Title: Re: How i can insert my .gif?
Post by: MissHype on December 22, 2014, 08:33:07 PM

image: http://www.raze4u.de/stream/sub.gif
sound: http://www.raze4u.de/stream/bangarang.mp3

But the text how has donated and how much and the text for this is from twitchalerts. its not included in the gif. or can u make that?

position of the give is in the upper middle. 

thank you

best regards

Title: Re: How i can insert my .gif?
Post by: ExpertsOnline on December 22, 2014, 08:56:07 PM

Link : http://deepbot.tv/notifications/donationnotification2.htm
Width: 320
Height: 240

CSS Code:

Code: [Select]

#donor-notification {
width: 320px !important;
height: 240px !important;
background-color: transparent !important;
background-image:url('http://www.raze4u.de/stream/sub.gif') !important;
background-repeat: no-repeat !important;
background-size: initial !important;
overflow: hidden !important;
}


#donor-notification .header {
position: absolute !important;
visibility: hidden !important;
}

#donor-notification .streamname {
visibility: hidden !important;
}

#donor-notification .message {
visibility: hidden !important;
}
#donor-notification .amount {
position: absolute !important;
margin-top: 185px !important;
font-size: 32px !important;
width: 320px !important;
text-align: center !important;
font-family: Impact !important;
font-weight: normal !important;
text-shadow: 3px 4px 1px #000 !important;
color: white !important;
}
#donor-notification .donor {
position: absolute !important;
margin-top: 150px !important;
width: 320px !important;
text-align: center !important;
font-size: 32px !important;
font-family: impact !important;
font-weight: normal !important;
text-shadow: 3px 4px 1px #000 !important;
color: white !important;
}
#donor-notification .title {
padding-top: 0px !important;
margin-left: 0px !important;
width: 76% !important;
float: left !important;
text-align: left !important;
}

Preview:
(http://puu.sh/dEY4t/923292da8e.jpg)

Title: Re: How i can insert my .gif?
Post by: MissHype on December 25, 2014, 08:55:50 AM

Thank you very much, i has set it, but its sooo loud ^^ can i set it?

ok find it :) thank you very much <3

regards

Title: Re: How i can insert my .gif?
Post by: ChewieMelodies on January 11, 2015, 04:12:38 AM

Hi Experts,

I also want to add my own gif; I want it for new subscribers (instead of donators).

I've attached the gif I want to use.

Can you possibly give me a URL to add to the Deepbot for this? You can re-size the gif so that it's the same position and size as the default credit card subscriber image.

I appreciate it, loving Deepbot so far.

- Chewie

Title: Re: How i can insert my .gif?
Post by: ChewieMelodies on January 11, 2015, 04:26:24 AM

Oops, not sure if my gif was attached. Here's the link: http://imgur.com/F7VIiJE

Text can be simple- "New subscriber - subname"

Thanks for your help

Title: Re: How i can insert my .gif?
Post by: Pyrocide on January 11, 2015, 12:28:23 PM

Misshype

I've edited your sound byte to be a little quieter, it almost blasted my eardrums open previously, use this one instead!

http://www.filedropper.com/bangarang

files is too big to attach on the forum, uploaded it to filedropper for you :)