Deep Bot - Twitch Streamer Assistant

Deep Bot => Custom Notifications => Topic started by: kneecoleslaw on April 21, 2015, 05:38:20 AM

Title: Custom Donation & Subscriber Notification
Post by: kneecoleslaw on April 21, 2015, 05:38:20 AM

Hey hey :) I'd like a custom donation and sub notification. I have the images for you to use and also images for what I'd like it to look like with the alert text. The text for the alert that I'd like is Berlin Sans FB Demi Bold in black. Thank you :)

Images to use:
(http://i.imgur.com/V0h65YM.png subscriber no text)
(http://i.imgur.com/bUOvdQX.png donation no text)

Idea of what I'd like it to look like:
(http://i.imgur.com/kHUAxsI.png donation text)
(http://i.imgur.com/19j8OBk.png subscriber text)

Title: Re: Custom Donation & Subscriber Notification
Post by: TheNumbLock on April 21, 2015, 06:17:11 AM

To get this custom font to work for you, you need to go here: Here (http://www.mediafire.com/download/7xw7meikdbnzb1w/berlin-sans-fb-demi-bold.ttf) Don't download but right click the download button and hit copy link. Then you will insert into the CSS where I put InsertDownloadLinkHere

Requested by: kneecoleslaw

Subscriber:

Link: http://deepbot.tv/notifications/subnotification1.htm
Width: 1600
Height: 850

CSS Code:

Code: [Select]

@font-face {
font-family: 'Berlin';
src: url('InsertDownloadLinkHere');
}

#sub-notification {
width: 1521px !important;
height: 787px !important;
background-color: transparent !important;
background-image:url('http://i.imgur.com/V0h65YM.png%20subscriber%20no%20text') !important;
background-repeat: no-repeat !important;
background-size: initial !important;
}
#sub-notification .subname {
position: absolute !important;
text-align: left !important;
margin-top: 300px !important;
margin-left: 680px !important;
width: 700px !important;
font-size: 70px !important;
text-transform: uppercase;
font-weight: bold !important;
font-family: Berlin !important;
color: black !important;
}

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

(http://puu.sh/hl4Ht/1f7b0ce8e5.jpg)


Donation:

Link: http://deepbot.tv/notifications/donationnotification2.htm
Width: 1750
Height: 750

CSS Code:

Code: [Select]

@font-face {
font-family: 'Berlin';
src: url('InsertDownloadLinkHere');
}

#donor-notification {
position: center !important;
width: 1750px !important;
height: 682px !important;
background-color: transparent !important;
background-image:url('http://i.imgur.com/bUOvdQX.png%20donation%20no%20text') !important;
background-repeat: no-repeat !important;
background-size: contain !important;
}


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

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

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

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

#donor-notification .amount {
position: absolute !important;
margin-top: 300px !important;
margin-left: -220px !important;
width: 300px !important;
font-size: 70px !important;
font-weight: bold !important;
font-family: Berlin;
color: black;
}

#donor-notification .donor {
position: absolute !important;
margin-top: 230px !important;
margin-left: -80px !important;
width: 400px !important;
font-size: 70px !important;
text-transform: uppercase;
font-weight: bold !important;
font-family: Berlin !important;
color: black;
}

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

(http://puu.sh/hl4IF/c23f73d9d2.jpg)

Title: Re: Custom Donation & Subscriber Notification
Post by: kneecoleslaw on April 21, 2015, 10:06:41 AM

Oh you are fast. :) Thank you so much!

Title: Re: Custom Donation & Subscriber Notification
Post by: TheNumbLock on April 21, 2015, 10:22:19 AM

Quote from: kneecoleslaw on April 21, 2015, 10:06:41 AM

Oh you are fast. :) Thank you so much!

Ya no problem.