donation popup

[smultbolle]

imgur: http://imgur.com/skNVijz
front style: Agency FB
font color: light blue
the text should be located under TipJar
example: Thanks (name) for (amount) <3

[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

If you need anything changed, let me know.

Edit: Forgot } in part of the code. Fail xD

Requested by: smultbolle

Donation:

Link: http://deepbot.tv/notifications/donationnotification2.htm
Width: 811
Height: 500

CSS Code:

Code: [Select]

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

#donor-notification {
width: 811px !important;
height: 482px !important;
background-color: transparent !important;
background-image: url('http://i.imgur.com/skNVijz.png') !important;
background-repeat: no-repeat;
background-size: initial;
}


#donor-notification .header {
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: 270px !important;
margin-left: 130px !important;
width: 300px !important;
font-size: 38px !important;
font-weight: bold !important;
font-family: Agency !important;
color: #ADD8E6 !important;
    -webkit-text-fill-color: #3CB7FF;
}
#donor-notification .donor {
position: absolute !important;
text-align: center !important;
margin-top: 270px !important;
margin-left: 200px !important;
width: 300px !important;
font-size: 38px !important;
font-weight: bold !important;
font-family: Agency !important;
color: #ADD8E6 !important;
    -webkit-text-fill-color: #3CB7FF;
}

.donor:before {

content: 'Thanks ' !important;
}

.donor:after {
content: ' for' !important;
}

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

[smultbolle]

hey i cant seem to get it working with the instructions you have given me

btw thanks for doing it 

[TheNumbLock]

hey i cant seem to get it working with the instructions you have given me

btw thanks for doing it 

For the font to work? Or the notification to show up?

I can teamviewer if you want, me to set it up.

[smultbolle]

for the right messege to pop up when i test it, well give me a sec to get TW then if you want and have time to set it up so im sure its set up right?

[smultbolle]

have PM'ed u the TW details

hey i cant seem to get it working with the instructions you have given me

btw thanks for doing it 

I can teamviewer if you want, me to set it up.