Deep Bot - Twitch Streamer Assistant

Deep Bot => Custom Notifications => Topic started by: wtfchucko on December 09, 2015, 10:02:06 AM

Title: custom follow
Post by: wtfchucko on December 09, 2015, 10:02:06 AM

anyway to make this: https://www.youtube.com/watch?v=YaG5SAw1n0c  into an alert for me? i have no clue how to do it.

Title: Re: custom follow
Post by: Mitch on December 09, 2015, 12:16:19 PM

Will this work?
(http://dhelp.xyz/i/2015-12-08_20-14-16.png)
You did not give any color(s)/font so just went with white.
 
Link:
http://deepbot.tv/notifications/follownotification2.htm

Dimensions:
W: 370
H: 395

CSS:

Code: [Select]

#follow-notification {
        display: none;
        position: absolute;
        top: 0px;
        left: 0px;
        width: 370px !important;
        height: 370px !important;
        background-color: rgba(0, 0, 0, 0);
        background-image: url('http://i.imgur.com/slNrpiR.gif') !important;
        background-repeat: no-repeat;
        border-radius: 0;
}
#follow-notification .followname {
       margin-top: 330px !important;
        margin-left: 10px !important;
        margin-right: 10px !important;
        width: 360px !important;
        padding-top: 0px;
        height: 42px;
        text-align: center !important;
        font-size: 32px !important;
        font-weight: bold !important;
        font-family: Impact !important;
        color: #fff;
}
 
#follow-notification .leftimage
{
  display: none;
}
 
.header
{
  display: none;
}

Title: Re: custom follow
Post by: wtfchucko on December 10, 2015, 05:26:44 AM

awesome thanks! anyway to get it to pop up quicker then it is now? they seem to come in too slow instead of instantly coming in

Title: Re: custom follow
Post by: wtfchucko on December 10, 2015, 05:55:45 AM

it also doesn't have "new follower" then their name.... New Follower at the top and their name at the bottom. mine is a little off on the bottom. some of the text hangs off the black

Title: Re: custom follow
Post by: Mitch on December 14, 2015, 10:32:43 AM

(http://dhelp.xyz/i/2015-12-13_18-31-51.gif)
Like that?

Code: [Select]

#follow-notification {
        display: none;
        position: absolute;
        top: 0px;
        left: 0px;
        width: 370px !important;
        height: 370px !important;
        background-color: rgba(0, 0, 0, 0);
        background-image: url('http://i.imgur.com/slNrpiR.gif') !important;
        background-repeat: no-repeat;
        border-radius: 0;
}
#follow-notification .followname {
        margin-top: 315px !important;
        margin-left: 10px !important;
        margin-right: 10px !important;
        width: 360px !important;
        padding-top: 0px;
        height: 42px;
        text-align: center !important;
        font-size: 32px !important;
        font-weight: bold !important;
        font-family: Impact !important;
        color: #fff;
}
.followname:before {
   content: "New Follower " !important;
   position: absolute !important;
   margin-top: -310px !important;
    margin-left: -83px !important;
   width: 360px !important;
   font-size: 32px !important;
   font-weight: bold !important;
   font-family: Impact !important;
   color: #fff !important;
}