custom follow

[wtfchucko]

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

[Mitch]

Will this work?

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;
}

[wtfchucko]

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

[wtfchucko]

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

[Mitch]

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;
}