Custom Follow and Donation notification

[Darouszka]

Hi,

Can I have a custom notification for my Twitch Tv channel?
For the follow one use this gif and put follow text under it : {name} is now following !
http://vignette1.wikia.nocookie.net/mlg-frag/images/0/0f/Epic_sax_guy.gif/revision/latest?cb=20141124020151

For the donation one use this gif and put normal donation text with name, how many donate and text message on the bottom bottom part of the gif.
https://45.media.tumblr.com/5110929ad942c35b8d711c512ebe164a/tumblr_o00zw2eSZ11tikheuo1_500.gif

Thanks a lot and sorry for my poor English. God job guys

Have a happy new Year

[TheNumbLock]

Requested by: Darouszka

Follower:

Link: http://deepbot.tv/notifications/follownotification1.htm
Width: 600
Height: 400

CSS Code:

Code: [Select]


#follow-notification {
display: none;
position: absolute;
left: 100px !important;
width: 200px !important;
height: 247px !important;
border-radius: 00px !important;
background-image: url('http://vignette1.wikia.nocookie.net/mlg-frag/images/0/0f/Epic_sax_guy.gif/revision/latest?cb=20141124020151') !important;
background-repeat: no-repeat;

}
#follow-notification .followname {
position: absolute !important;
text-align: center !important;
margin-top: 250px !important;
margin-left: -40px !important;
width: 300px !important;
font-size: 30px !important;
font-weight: bold !important;
font-family: impact !important;
color: white !important;
text-transform: capitalize;
-webkit-text-fill-color: white;
-webkit-text-stroke-color: white;
-webkit-text-stroke-width: 0px;
overflow: ahidden !important;
}
 
.followname:after {
content: ' is now following!'
}

Preview: (If there is a black background, it is just my background.)



Donation:

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

CSS Code:

Code: [Select]

#donor-notification {
position: absolute;
top: 0px !important;
left: 0px !important;
width: 500px !important;
height: 281px !important;
background-repeat: no-repeat;
background-size: contain !important;
background-image: url('https://45.media.tumblr.com/5110929ad942c35b8d711c512ebe164a/tumblr_o00zw2eSZ11tikheuo1_500.gif') !important;
overflow: ahidden !important;
}
#donor-notification .header {
visibility: hidden !important;
}

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

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

#donor-notification .message {
position: absolute;
margin-top: 380px !important;
margin-left: 0px !important;
width: 500px !important;
padding-top: 0px !important;
text-align: center !important;
font-weight: bold !important;
font-size: 30px !important;
font-family: impact !important;
color: white !important;
text-transform: capitalize;
-webkit-text-stroke-color: white;
-webkit-text-stroke-width: 0px;
text-shadow: 3px !important;
}
#donor-notification .amount {
position: absolute;
margin-top: 300px !important;
margin-left: -240px !important;
width: 300px !important;
padding-top: 0px !important;
text-align: center !important;
font-weight: bold !important;
font-size: 30px !important;
font-family: impact !important;
color: white !important;
text-transform: capitalize;
-webkit-text-stroke-color: white;
-webkit-text-stroke-width: 0px;
text-shadow: 3px !important;
}
#donor-notification .donor {
position: absolute;
margin-top: 260px !important;
margin-left: -150px !important;
width: 500px !important;
text-align: center !important;
font-weight: bold !important;
font-size: 30px !important;
font-family:impact !important;
color: white !important;
text-transform: capitalize;
-webkit-text-stroke-color:white;
-webkit-text-stroke-width: 0px;
text-shadow: 3px !important;
}

Preview: (If there is a black background, it is just my background.)

[Darouszka]

Oh nice thanks a lot