Deep Bot - Twitch Streamer Assistant

Deep Bot => Custom Notifications => Topic started by: smultbolle on April 28, 2015, 10:25:48 PM

Title: donation popup
Post by: smultbolle on April 28, 2015, 10:25:48 PM

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

Title: Re: donation popup
Post by: TheNumbLock on April 29, 2015, 12:49:40 AM

To get this custom font to work for you, you need to go here: Here (http://www.mediafire.com/download/ncaan2658k396wp/ufonts.com_agency-fb.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

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

(http://puu.sh/hu3qV/e81ba32e64.jpg)

Title: Re: donation popup
Post by: smultbolle on April 29, 2015, 03:29:38 AM

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

btw thanks for doing it  :)

Title: Re: donation popup
Post by: TheNumbLock on April 29, 2015, 03:38:31 AM

Quote from: smultbolle on April 29, 2015, 03:29:38 AM

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. :o

Title: Re: donation popup
Post by: smultbolle on April 29, 2015, 03:39:23 AM

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?

Title: Re: donation popup
Post by: smultbolle on April 29, 2015, 03:46:19 AM

have PM'ed u the TW details

Quote from: RepentGamingTV on April 29, 2015, 03:38:31 AM

Quote from: smultbolle on April 29, 2015, 03:29:38 AM

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. :o