Deep Bot - Twitch Streamer Assistant

Deep Bot => Custom Notifications => Topic started by: Tigerwriter on November 22, 2014, 06:38:00 PM

Title: Was wondering if I could get a custom donation graphic
Post by: Tigerwriter on November 22, 2014, 06:38:00 PM

I was wondering if you could make this link here http://giphy.com/gifs/fLK0eUlYZoB6E into a custom donation pop up. Just adding looking to have it Say thank you for the Donations something to that degree and the donation amount and also the message they send? No biggie if you can not I was not sure how it all worked worst I could do is ask and if it figure something else out! Also thank you and or if that one was to high quality or to big maybe this one? http://giphy.com/gifs/fun-wtf-entertaining-daal8lMBKVuHC No biggie either way. I was told to put this here!

Title: Re: Was wondering if I could get a custom donation graphic
Post by: emrerocky on November 26, 2014, 10:12:25 AM

Donations

Link: http://deepbot.tv/notifications/donationnotification2.htm
Width: 800
Height: 446

CSS Code:

Code: [Select]

#donor-notification {
width: 800px !important;
height: 446px !important;
background-color: transparent !important;
background-image:url('https://i.imgur.com/GLL0WxL.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: 260px !important;
font-size: 70px !important;
width: 330px !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: 190px !important;
width: 330px !important;
text-align: center !important;
font-size: 70px !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: 200px !important;
width: 76% !important;
float: left !important;
text-align: left !important;
}
Preview:
(http://puu.sh/d5Jcg/aa1738d598.jpg)