Deep Bot - Twitch Streamer Assistant

Deep Bot => Custom Notifications => Topic started by: GzussavesTwitch on September 25, 2014, 10:44:47 PM

Title: Custom Donation Alert
Post by: GzussavesTwitch on September 25, 2014, 10:44:47 PM

Hello.. I am looking for a donation alert with this gif http://i.imgur.com/O9UwW6M.gif
I would like just the donator name and amount to show up on the bottom.. the name can be above or below the amount if needed

Title: Re: Custom Donation Alert
Post by: ExpertsOnline on September 26, 2014, 03:51:36 AM

Donation

Link : http://deepbot.tv/notifications/donationnotification2.htm
Width: 360
Height: 270

CSS Code:

Code: [Select]

#donor-notification {
width: 350px !important;
height: 270px !important;
background-color: transparent !important;
background-image:url('http://i.imgur.com/O9UwW6M.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: 225px !important;
font-size: 32px !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: 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/bNFPj/a5f17e3270.jpg)

Title: Re: Custom Donation Alert
Post by: GzussavesTwitch on September 26, 2014, 04:13:20 AM

ty so much.. just a follow up question.. when i preview it.. after the first time it seems to start in the middle of the gif.. does that just happen during previews or is that going to happen during the actual notifications as well