Author Topic: Custom Donation Alert  (Read 2594 times)

0 Members and 1 Guest are viewing this topic.

GzussavesTwitch

  • Youngling
  • *
  • Posts: 4
  • Karma: +0/-0
    • View Profile
  • Twitch Name: Gzussaves
Custom Donation Alert
« 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

ExpertsOnline

  • Creator
  • Councilor
  • *****
  • Posts: 2656
  • Karma: +289/-24
    • View Profile
  • Twitch Name: expertsonline
Re: Custom Donation Alert
« Reply #1 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:


GzussavesTwitch

  • Youngling
  • *
  • Posts: 4
  • Karma: +0/-0
    • View Profile
  • Twitch Name: Gzussaves
Re: Custom Donation Alert
« Reply #2 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