Custom Nitification

[frechdax2493]

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]

It isn't an image, it is a .exe o.o
Try hosting the .gif on http://imgur.com/

[frechdax2493]

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]

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:

[frechdax2493]

isn't it possible to show the animation of the gif ?

[TheNumbLock]

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.

[frechdax2493]

aaaaah okay ... :-D i understood  your post is perfect it's exactly what i want :-) and the currency € would be nice

[TheNumbLock]

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

[frechdax2493]

works totaly fine thank you very much :-)

[frechdax2493]

Hey guys is it possible to get this note for sub cheer and host ?!