Author Topic: donation popup  (Read 2874 times)

0 Members and 1 Guest are viewing this topic.

smultbolle

  • Youngling
  • *
  • Posts: 13
  • Karma: +0/-0
    • View Profile
  • Twitch Name: smultbolle
donation popup
« 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

TheNumbLock

  • Advisor
  • Councilor
  • **
  • Posts: 4776
  • Karma: +137/-5
    • View Profile
  • Twitch Name: TheNumbLock
Re: donation popup
« Reply #1 on: April 29, 2015, 12:49:40 AM »
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.)

« Last Edit: April 29, 2015, 04:06:59 AM by RepentGamingTV »
Old Name: RepentGamingTV
Twitch: Here

Need help ASAP?
Join Deepbot's Discord: Discord.Deepbot.tv
Deepbot's Twitter: @DeepSupport

smultbolle

  • Youngling
  • *
  • Posts: 13
  • Karma: +0/-0
    • View Profile
  • Twitch Name: smultbolle
Re: donation popup
« Reply #2 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  :)

TheNumbLock

  • Advisor
  • Councilor
  • **
  • Posts: 4776
  • Karma: +137/-5
    • View Profile
  • Twitch Name: TheNumbLock
Re: donation popup
« Reply #3 on: April 29, 2015, 03:38:31 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
Old Name: RepentGamingTV
Twitch: Here

Need help ASAP?
Join Deepbot's Discord: Discord.Deepbot.tv
Deepbot's Twitter: @DeepSupport

smultbolle

  • Youngling
  • *
  • Posts: 13
  • Karma: +0/-0
    • View Profile
  • Twitch Name: smultbolle
Re: donation popup
« Reply #4 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?

smultbolle

  • Youngling
  • *
  • Posts: 13
  • Karma: +0/-0
    • View Profile
  • Twitch Name: smultbolle
Re: donation popup
« Reply #5 on: April 29, 2015, 03:46:19 AM »
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. :o