Deep Bot - Twitch Streamer Assistant

Deep Bot => Custom Notifications => Topic started by: MercurY3rd on January 03, 2015, 09:55:31 PM

Title: Donation notification
Post by: MercurY3rd on January 03, 2015, 09:55:31 PM

Hi can someone make me a Donation notification with this image http://i.imgur.com/8jlIsTb.png

so it looks like: http://i.imgur.com/0gzfhX9.png

Thanks a lot

Title: Re: Donation notification
Post by: ExpertsOnline on January 04, 2015, 12:15:01 AM

Link : http://deepbot.tv/notifications/donationnotification2.htm?ccy=%E2%82%AC

Width: 900
Height : 600

CSS Code:

Code: [Select]

#donor-notification {
width: 900px !important;
height: 600px !important;
background-color: transparent !important;
background-image:url('http://i.imgur.com/8jlIsTb.png') !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 {
visibility: visible !important;
position: absolute !important;
margin-top: 280px !important;
margin-left: 240px !important;
width: 450px !important;
text-align: left !important;
font-size: 26px !important;
font-family: Calibri !important;
font-weight: bold !important;
text-shadow: 3px 4px 1px #FFF !important;
color: black !important;


}
#donor-notification .amount {
position: absolute !important;
margin-top: 160px !important;
margin-left: 210px !important;
font-size: 38px !important;
width: 400px !important;
text-align: center !important;
font-family: Verdana !important;
font-weight: bold !important;
text-shadow: 3px 4px 1px #FFF !important;
color: black !important;
}
#donor-notification .amount:before {
content: ' für: ';
}
#donor-notification .donor {
position: absolute !important;
margin-top: 110px !important;
margin-left: 200px !important;
font-size: 42px !important;
width: 400px !important;
text-align: center !important;
font-family: Algerian !important;
font-weight: bold !important;
text-shadow: 3px 4px 1px #FFF !important;
color: black !important;
}

#donor-notification .title {
padding-top: 44px !important;
margin-left: 0px !important;
width: 100% !important;
float: left !important;
text-align: left !important;
}

Preview:
(http://puu.sh/e1a9n/f5aa7d7939.jpg)

Title: Re: Donation notification
Post by: MercurY3rd on January 04, 2015, 12:18:42 AM

Vielen Dank

looks great