Author Topic: Was wondering if I could get a custom donation graphic  (Read 1341 times)

0 Members and 1 Guest are viewing this topic.

Tigerwriter

  • Youngling
  • *
  • Posts: 8
  • Karma: +0/-0
    • View Profile
  • Twitch Name: tigerwriter
Was wondering if I could get a custom donation graphic
« 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!

emrerocky

  • Advisor
  • Councilor
  • **
  • Posts: 1240
  • Karma: +163/-8
    • View Profile
    • emrerocky's Website
  • Twitch Name: emrerocky
Re: Was wondering if I could get a custom donation graphic
« Reply #1 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: