Author Topic: Custom Nitification  (Read 5181 times)

0 Members and 1 Guest are viewing this topic.

frechdax2493

  • Youngling
  • *
  • Posts: 8
  • Karma: +0/-0
    • View Profile
  • Twitch Name: frechdax2493
Custom Nitification
« on: December 29, 2016, 10:32:11 AM »
hey guys i wanna use this gif for follower notifications and donations note can you help me please?!

http://www.file-upload.net/download-12203284/alert.gif.html

TheNumbLock

  • Advisor
  • Councilor
  • **
  • Posts: 4776
  • Karma: +137/-5
    • View Profile
  • Twitch Name: TheNumbLock
Re: Custom Nitification
« Reply #1 on: December 29, 2016, 11:25:16 AM »
It isn't an image, it is a .exe o.o
Try hosting the .gif on http://imgur.com/
Old Name: RepentGamingTV
Twitch: Here

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

frechdax2493

  • Youngling
  • *
  • Posts: 8
  • Karma: +0/-0
    • View Profile
  • Twitch Name: frechdax2493
Re: Custom Nitification
« Reply #2 on: December 29, 2016, 11:31:54 AM »
no probleme but i was wondering why it shows you an .exe :-O because it is only a gif :-D

http://imgur.com/a/qZi5I

TheNumbLock

  • Advisor
  • Councilor
  • **
  • Posts: 4776
  • Karma: +137/-5
    • View Profile
  • Twitch Name: TheNumbLock
Re: Custom Nitification
« Reply #3 on: December 29, 2016, 11:59:12 AM »
no probleme but i was wondering why it shows you an .exe :-O because it is only a gif :-D

http://imgur.com/a/qZi5I

Not sure how you want everything displayed, but here is the one I have for a new follower:

Old Name: RepentGamingTV
Twitch: Here

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

frechdax2493

  • Youngling
  • *
  • Posts: 8
  • Karma: +0/-0
    • View Profile
  • Twitch Name: frechdax2493
Re: Custom Nitification
« Reply #4 on: December 29, 2016, 09:31:13 PM »
isn't it possible to show the animation of the gif ?

TheNumbLock

  • Advisor
  • Councilor
  • **
  • Posts: 4776
  • Karma: +137/-5
    • View Profile
  • Twitch Name: TheNumbLock
Re: Custom Nitification
« Reply #5 on: December 30, 2016, 03:33:04 AM »
Yeah. I just took a pic to show you what I have. I don't know if you want the text to be changed to a different color, font, etc. If you want it say just the follower name instead or how you want it display.

Just let me know what font color you want, specific font (if you want one, include a download link if it is off a site), how it displays, etc.

Same for donation one. By default I usually just do the Name and Amount, but I can try include the message below the image or something.

And I can also make the currency something different from USD ($) as well.
Old Name: RepentGamingTV
Twitch: Here

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

frechdax2493

  • Youngling
  • *
  • Posts: 8
  • Karma: +0/-0
    • View Profile
  • Twitch Name: frechdax2493
Re: Custom Nitification
« Reply #6 on: December 30, 2016, 08:49:00 AM »
aaaaah okay ... :-D i understood  your post is perfect it's exactly what i want :-) and the currency € would be nice

TheNumbLock

  • Advisor
  • Councilor
  • **
  • Posts: 4776
  • Karma: +137/-5
    • View Profile
  • Twitch Name: TheNumbLock
Re: Custom Nitification
« Reply #7 on: December 30, 2016, 12:53:29 PM »
Requested by: frechdax2493

Follower:

Link: http://deepbot.tv/notifications/follownotification1.htm
Width: 650
Height: 220

CSS Code:
Code: [Select]
#follow-notification {
display: none;
position: absolute;
top: 0px !important;
left: 0px !important;
width: 612px !important;
height: 180px !important;
border-radius: 00px !important;
background-size: contain !important;
background-image: url(http://i.imgur.com/miFozjW.gif) !important;
background-repeat: no-repeat;
}

#follow-notification .header {
visibility: hidden !important;
}

#follow-notification .followname {
position: absolute !important;
text-align: center !important;
margin-top: 25px !important;
margin-left: 150px !important;
width: 300px !important;
font-size: 32px !important;
font-weight: normal !important;
font-family: Impact !important;
color: white !important;
text-transform: capitalize;
-webkit-text-stroke-color: black;
-webkit-text-stroke-width: 1px;
}

.followname:before {
content: 'New Follower: ' !important;
}

.followname:after {
content: '' !important;
}

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




Donation:

Link: http://deepbot.tv/notifications/donationnotification2.htm?dur=10000&ccy=%E2%82%AC
Width: 650
Height: 220

CSS Code:
Code: [Select]
body {
    background-color: transparent;
    color: white;
}
sub,
sup {
    position: relative;
    font-size: 75%;
    line-height: 0;
    vertical-align: baseline;
}
sup {
    top: -0.5em;
}
sub {
    bottom: -0.25em;
}

#donor-notification {
    position: absolute;
    top: 0px;
    left: 0px !important;
    width: 612px !important;
    height: 180px !important;
    background-image: url(http://i.imgur.com/miFozjW.gif) !important;
    background-repeat: no-repeat;
    background-size: cover;
}
#donor-notification .header {
visibility: hidden !important;
}
#donor-notification .streamname {
    float: left;
    visibility: hidden;
}
#donor-notification .message {
visibility: hidden !important;
}
#donor-notification .amount {
position: absolute;
margin-top: 40px !important;
margin-left: -150px !important;
width: 300px !important;
text-align: center !important;
font-weight: normal !important;
font-size: 30px !important;
font-family: Impact !important;
color: white !important;
text-transform: capitalize !important;
background: ;
-webkit-text-stroke-color: black !important;
-webkit-text-stroke-width: 0.5px;
text-shadow: 2px 2px 1px #000 !important;
}
#donor-notification .donor {
position: absolute;
margin-top: 40px !important;
margin-left: -120px !important;
width: 300px !important;
text-align: center !important;
font-weight: normal !important;
font-size: 30px !important;
font-family: Impact !important;
color: white !important;
text-transform: capitalize !important;
-webkit-text-stroke-color: black;
-webkit-text-stroke-width: 1px;
text-shadow: 2px 2px 1px #000 !important;
}
#donor-notification .title {
    padding-top: 30px;
    width: 100%;
    float: left;
    text-align: center;
}
#donor-notification .messagebox {
    width: 100%;
    text-align: center;
}

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

Old Name: RepentGamingTV
Twitch: Here

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

frechdax2493

  • Youngling
  • *
  • Posts: 8
  • Karma: +0/-0
    • View Profile
  • Twitch Name: frechdax2493
Re: Custom Nitification
« Reply #8 on: January 03, 2017, 12:55:37 PM »
works totaly fine thank you very much :-)

frechdax2493

  • Youngling
  • *
  • Posts: 8
  • Karma: +0/-0
    • View Profile
  • Twitch Name: frechdax2493
Re: Custom Nitification
« Reply #9 on: July 26, 2017, 09:03:49 AM »
Hey guys is it possible to get this note for sub cheer and host ?!