Donation Notification Request

[Dulayne]

Hello there.

Firstly this is the image I want to use: http://i.imgur.com/XUlGGDA.png

Could I please get this notifcation to show the name and Amount (no message) in the following Format:

• Name
• New Line
• Amount

Could it be configured to be in the font Reckoner Bold ( http://www.1001fonts.com/reckoner-font.html ) in white text with a black thin border and shadow comparable to the shadow in the image.

Is it also possible, or how do I get the donation to be configured into £ and to show on the notification in £ please?

Thank you in advance.

[TheNumbLock]

Requested by:

If you need any adjustments, let me know.

Donation:

Link: http://deepbot.tv/notifications/donationnotification2.htm?top=1&ccy=%C2%A3
Width: 700
Height: 620

CSS Code:

Code: [Select]

@font-face {
font-family: "CF Crack and Bold";
src: url("http://download2166.mediafire.com/brn4a0prdbvg/um6mrrs6z5xtqz3/Reckoner_Bold.ttf ");
}

#donor-notification {
width: 600px !important;
height: 600px !important;
background-color: transparent !important;
background-image:url('http://i.imgur.com/XUlGGDA.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: hidden !important;
}
#donor-notification .amount {
position: absolute !important;
text-align: center !important;
margin-top: 110px !important;
margin-left: 250px !important;
margin-right: 250px !important;
width: 300px !important;
font-size: 46px !important;
font-weight: normal !important;
font-family: CF Crack and Bold !important;
color: white !important;
text-shadow: 4px 5px 2px #000 !important;
-webkit-text-stroke-width: 2px;
    -webkit-text-stroke-color: #000000;
    -webkit-text-fill-color: #ffffff;
}
#donor-notification .donor {
position: absolute !important;
text-align: center !important;
margin-top: 50px !important;
margin-left: 100px !important;
margin-right: 100px !important;
width: 600px !important;
font-size: 50px !important;
font-weight: normal !important;
font-family: CF Crack and Bold !important;
color: white !important;
text-shadow: 4px 5px 2px #000 !important;
-webkit-text-stroke-width: 1px;
    -webkit-text-stroke-color: #000000;
    -webkit-text-fill-color: #ffffff;
}

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

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

[Dulayne]

Thank you for that, looks pretty sharp. How can I get the stream currency changed?

[TheNumbLock]

Thank you for that, looks pretty sharp. How can I get the stream currency changed?

Is it not in the currency you want?

Use this link instead. Link: http://deepbot.tv/notifications/donationnotification2.htm?top=1&ccy=£

[Dulayne]

Not to worry Repentent, I fixed it and did not see your post.

I do have on little problem now though, the name and amount shows in Times New Roman, so it does not look like how yours comes up in. Also How can I make it so that it pops up from the bottom of the page?

Also one last request (and thanks for your patience)

I have the following image I need a follower notification made for please: http://i.imgur.com/SkboXUe.png - Using the same specifications as for the donation text for the follower name.

Thanks for your patience with me and appreciate the help.

[TheNumbLock]

I fixed the font error, so you can use the previous code. And to change where it pops up, change top=1 to top=2 in the URL. New URL: http://deepbot.tv/notifications/donationnotification2.htm?top=2&ccy=£ Also you are gonna have to adjust the height size under the URL, if you want it to bounce up, the higher the number, the more travel time it has. Hopefully that makes sense, just fiddle around with the number.

Follower:

Link: http://deepbot.tv/notifications/follownotification1.htm
Width: 900
Height: 800 (Adjust this number so you can get a better pop-up effect.)

CSS Code:

Code: [Select]

@font-face {
font-family: "Reckoner_Bold";
src: url("http://download2230.mediafire.com/ptp3qsbzljbg/um6mrrs6z5xtqz3/Reckoner_Bold.ttf");
}
#follow-notification {
display: none;
position: absolute;
top: 0px;
left: 0px;
width: 800px !important;
height: 480px !important;
border-radius: 00px !important;
background-image: url('http://i.imgur.com/SkboXUe.png') !important;
background-repeat: no-repeat;
}
#follow-notification .followname {
position: absolute !important;
text-align: center !important;
margin-top: 70px !important;
margin-left: 100px !important;
margin-right: 100px !important;
width: 600px !important;
font-size: 60px !important;
font-weight: normal !important;
font-family: Reckoner_Bold !important;
color: white !important;
-webkit-text-stroke-width: 2px;
    -webkit-text-stroke-color: #000000;
    -webkit-text-fill-color: #ffffff;
}

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