Custom Donation & Subscriber Notification

[kneecoleslaw]

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:



Idea of what I'd like it to look like:

[TheNumbLock]

To get this custom font to work for you, you need to go here: Here 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.)




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.)

[kneecoleslaw]

Oh you are fast. Thank you so much!

[TheNumbLock]

Oh you are fast. Thank you so much!

Ya no problem.