Deep Bot - Twitch Streamer Assistant

Deep Bot => Custom Notifications => Topic started by: WeTarDidSmurf on December 27, 2014, 11:41:01 AM

Title: Custom Donation Notification
Post by: WeTarDidSmurf on December 27, 2014, 11:41:01 AM

Possible to get this made into a Donation Notification GIF?

http://media.giphy.com/media/7iTgZ25EMCCCA/giphy.gif


Thanks in advance

Title: Re: Custom Donation Notification
Post by: ExpertsOnline on December 28, 2014, 07:46:26 AM

Donation

Link : http://deepbot.tv/notifications/donationnotification2.htm
Width: 275
Height: 220

CSS Code:

Code: [Select]

#donor-notification {
    width: 275px !important;
    height: 220px !important;
    background-color: transparent !important;
    background-image:url('http://media.giphy.com/media/7iTgZ25EMCCCA/giphy.gif') !important;
    background-repeat: no-repeat !important;
    background-size: initial !important;
}
#donor-notification .header {
    position: absolute !important;
    visibility: hidden !important;
}

#donor-notification .streamname {
    visibility: hidden !important;
}
#donor-notification .message {
    float:left !important;
    visibility: hidden !important;
    margin-top: 35px !important;
    width: 275px !important;
    text-align: center;
    font-size: 26px !important;
    font-family: Corbel !important;
    color: #fff !important;
}
#donor-notification .amount {
    float: left !important;
    position: absolute !important;
    width: 270px !important;
    text-align: center !important;
    margin-top: 30px !important;
    font-size: 32px !important;
    font-family: Corbel !important;
    color: #1fcd3f !important;
    font-weight: bold !important;
    -webkit-text-stroke-width: 0.5px;
    -webkit-text-stroke-color: #080;
    text-shadow:3px 3px 5px #000;
}
#donor-notification .donor {
    float: left !important;
    position: absolute !important;
    width: 270px !important;
    text-align: center !important;
    font-size: 32px !important;
    font-family: Corbel !important;
    font-weight: bold !important;
    color: #1fcd3f !important;
    -webkit-text-stroke-width: 0.5px;
    -webkit-text-stroke-color: #080;
    text-shadow:3px 3px 5px #000;
}
#donor-notification .donor:after {
    content: '';
}
#donor-notification .title {
    padding-top: 120px !important;
    padding-left: 0px !important;
    width: 180px !important;
    float: left !important;
    text-align: left !important;
}

Preview:
(http://puu.sh/dLPmK/2b16f272cb.jpg)

Title: Re: Custom Donation Notification
Post by: WeTarDidSmurf on December 28, 2014, 09:40:45 AM

thank you so much sir