Custom Notification WorkShop

[TheNumbLock]

Requested by: jukeboxgamer

Follower:

Link: http://deepbot.tv/notifications/follownotification1.htm
Width: 1024
Height: 750

CSS Code:

Code: [Select]

@font-face {
font-family: 'KA';
src: url('http://download1330.mediafire.com/rdb8egddzhrg/t3o1jo58pz738be/ka1.ttf');
}

#follow-notification {
display: none;
position: absolute;
width: 1024px !important;
height: 731px !important;
background-image: url('http://i.imgur.com/gDKZQp3h.png') !important;
background-repeat: no-repeat;
}
#follow-notification .followname {
position: absolute !important;
text-align: center !important;
margin-top: 120px !important;
margin-left: 230px !important;
margin-right: 100px !important;
width: 600px !important;
font-size: 56px !important;
font-weight: normal !important;
font-family: KA !important;
color: #00FF00 !important;
  text-shadow: 2px 2px 1px #000;
}

.followname:after {
content: ' just followed!';
}

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




Donation:

Link: http://deepbot.tv/notifications/donationnotification2.htm
Width: 2100
Height: 1550

CSS Code:

Code: [Select]

@font-face {
font-family: 'KA';
src: url('http://download1330.mediafire.com/rdb8egddzhrg/t3o1jo58pz738be/ka1.ttf');
}

#donor-notification {
width: 2100px !important;
height: 1500px !important;
background-color: transparent !important;
background-image:url('http://i.imgur.com/AyJveIe.jpg') !important;
background-repeat: no-repeat !important;
background-size: initial !important;
}
 
 
#donor-notification .header {
visibility: hidden !important;
}
 
#donor-notification .streamname {
visibility: hidden !important;
}
 
#donor-notification .message {
position: absolute !important;
margin-top: 380px !important;
margin-left: 700px !important;
width: 700px !important;
text-transform: capitalize;
font-size: 30px !important;
font-weight: bold !important;
font-family: KA !important;
color: #ffffff !important;
text-shadow: 2px 2px black;
-webkit-text-fill-color: #00FF00;
-webkit-text-stroke-width: 0px;
-webkit-text-stroke-color: black;
}
#donor-notification .amount {
position: absolute !important;
margin-top: 270px !important;
margin-left: -230px !important;
font-size: 44px !important;
font-weight: bold !important;
font-family: KA !important;
color: #ffffff !important;
text-shadow: 2px 2px black;
-webkit-text-fill-color: #00FF00;
-webkit-text-stroke-width: 0px;
-webkit-text-stroke-color: black;
}
#donor-notification .donor {
position: absolute !important;
margin-top: 200px !important;
margin-left: -100px !important;
text-transform: capitalize;
font-size: 44px !important;
font-weight: bold !important;
font-family: KA !important;
color: #00FF00 !important;
text-shadow: 2px 2px black;
-webkit-text-fill-color: #00FF00;
-webkit-text-stroke-width: 0px;
-webkit-text-stroke-color: black;
}

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

[jack0mo]

Follower Alert

Image Link: http://i.imgur.com/mEV5Kv4.gif
Font Style/Link: https://www.google.com/fonts/specimen/Annie+Use+Your+Telescope
Font Color: red letters with blue outline or viceversa
Any text fill/boarder?:red letters with blue outline or viceversa
Where do you want text located? (Follower Name):a little bit above or under the image, whichever you think lookos better (I'm a new streamer)
Example (If applicable): http://imgur.com/ug9XHvF
Anything else?: ------

Donation Alert

Image Link: http://imgur.com/8Nb5cKG
Font Style/Link: Open Sans
Font Color: something like the example
Any text fill/boarder?: No suggestion
Currency Type: $ U.S. Dollar
Where do you want text located?(Donator Name, Donation Amount, Message).:
Example (If applicable): http://imgur.com/RaBQijD
Anything else?: Thanks in advance man, you rock!

[TheNumbLock]

Requested by: jack0mo

Follower:

Link: http://deepbot.tv/notifications/follownotification1.htm
Width: 600
Height: 300

CSS Code:

Code: [Select]

@font-face {
font-family: 'KA';
src: url('http://download1605.mediafire.com/8466vg6u10lg/3a42dq67q2b8db7/AnnieUseYourTelescope.ttf');
}

#follow-notification {
display: none;
position: absolute;
width: 535px !important;
height: 150px !important;
background-image: url('http://i.imgur.com/mEV5Kv4.gif') !important;
background-repeat: no-repeat;
}
#follow-notification .followname {
position: absolute !important;
text-align: center !important;
margin-top: 120px !important;
margin-left: -20px !important;
margin-right: 100px !important;
width: 600px !important;
font-size: 56px !important;
font-weight: bold !important;
font-family: KA !important;
color: blue !important;
  text-shadow: 2px 2px 1px #000;
  -webkit-text-fill-color: blue;
-webkit-text-stroke-width: 0.1px;
-webkit-text-stroke-color: red;
}

.followname:after {
content: ' just followed!';
}

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




Donation:

Link: http://deepbot.tv/notifications/donationnotification2.htm
Width: 600
Height: 400

CSS Code:

Code: [Select]

#donor-notification {
width: 400px !important;
height: 200px !important;
left: 130px;
background-color: transparent !important;
background-image:url('http://i.imgur.com/8Nb5cKG.gif') !important;
background-repeat: no-repeat !important;
background-size: initial !important;
}
 
 
#donor-notification .header {
visibility: hidden !important;
}
 
#donor-notification .streamname {
visibility: hidden !important;
}
 
#donor-notification .message {
position: absolute !important;
margin-top: 230px !important;
margin-left: -140px !important;
width: 600px !important;
text-transform: capitalize;
font-size: 24px !important;
font-weight: bold !important;
font-family: OpenSans !important;
color: #ffffff !important;
text-shadow: 2px 2px black;
-webkit-text-fill-color: #00FF00;
-webkit-text-stroke-width: 0px;
-webkit-text-stroke-color: black;
}
#donor-notification .amount {
position: absolute !important;
margin-top: 170px !important;
margin-left: -260px !important;
font-size: 30px !important;
font-weight: bold !important;
font-family: OpenSans !important;
color: #ffffff !important;
text-shadow: 2px 2px black;
-webkit-text-fill-color: #00FF00;
-webkit-text-stroke-width: 0px;
-webkit-text-stroke-color: black;
}
#donor-notification .donor {
position: absolute !important;
margin-top: 140px !important;
margin-left: -50px !important;
text-transform: capitalize;
font-size: 30px !important;
font-weight: bold !important;
font-family: Open Sans !important;
color: #00FF00 !important;
text-shadow: 2px 2px black;
-webkit-text-fill-color: #00FF00;
-webkit-text-stroke-width: 0px;
-webkit-text-stroke-color: black;
}

.donor:after {
content: ' donated ';
}

.amount:after {
content: '!! Thanks!';
}

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

[BleepBits]

Follower Alert:

Image Link: http://i.imgur.com/bZIQIad.gif
Font Style/Link: Tahoma
Font Color: #ff7300
Any text fill/boarder?: no
Where do you want text located? (Follower Name): Below the Image
Example (If applicable): http://i.imgur.com/5xJoB93.png
Anything else?: Fade in then out after 5 seconds


Donation Alert:

Image Link: http://zeldawiki.org/images/thumb/1/17/Green_Rupee_TWW.png/105px-Green_Rupee_TWW.png
Font Style/Link: Tahoma
Font Color: #ff7300
Any text fill/boarder?:no
Currency Type: $USD
Where do you want text located?(Donator Name, Donation Amount, Message) Below the Image Donator Name beside Amount with Message below both
Example (If applicable): http://i.imgur.com/ZIhLJ9t.png Make bottom txt a bit Larger
Anything else?: Fade in then out after 5 seconds

Take your time your doing god's work here <3 PM me when your done please and thank you

[TheNumbLock]

To do the fade after x seconds, you can do that in the config tab>Donation/Follower Notification Settings>Duration>5 secs

Requested by: BleepBits

Follower:

Link: http://deepbot.tv/notifications/follownotification1.htm
Width: 850
Height: 950

CSS Code:

Code: [Select]

#follow-notification {
display: none;
position: absolute;
width: 500px !important;
height: 791px !important;
left: 100px;
background-image: url('http://i.imgur.com/bZIQIad.gif') !important;
background-repeat: no-repeat;
}
#follow-notification .followname {
position: absolute !important;
text-align: center !important;
margin-top: 750px !important;
margin-left: -20px !important;
margin-right: 100px !important;
width: 600px !important;
font-size: 56px !important;
font-weight: bold !important;
font-family: Tahoma !important;
color: blue !important;
  text-shadow: 2px 2px 1px #000;
  -webkit-text-fill-color: #ff7300;
-webkit-text-stroke-width: 0.1px;
-webkit-text-stroke-color: red;
}

.followname:after {
content: ' is now following!';
-webkit-text-fill-color: white;
}

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




Donation:

Link: http://deepbot.tv/notifications/donationnotification2.htm
Width: 800
Height: 300

CSS Code:

Code: [Select]

#donor-notification {
width: 105px !important;
height: 120px !important;
background-color: transparent !important;
background-image:url('http://zeldawiki.org/images/thumb/1/17/Green_Rupee_TWW.png/105px-Green_Rupee_TWW.png') !important;
background-repeat: no-repeat !important;
background-size: initial !important;
}
 
 
#donor-notification .header {
visibility: hidden !important;
}
 
#donor-notification .streamname {
visibility: hidden !important;
}
 
#donor-notification .message {
position: absolute !important;
margin-top: 40px !important;
margin-left: 140px !important;
width: 500px !important;
text-transform: capitalize;
font-size: 24px !important;
font-weight: bold !important;
font-family: Tahoma !important;
color: #ffffff !important;
text-shadow: 2px 2px black;
-webkit-text-fill-color: #00FF00;
-webkit-text-stroke-width: 0px;
-webkit-text-stroke-color: black;
}
#donor-notification .amount {
position: absolute !important;
margin-top: -135px !important;
margin-left: 470px !important;
font-size: 30px !important;
font-weight: bold !important;
font-family: Tahoma !important;
color: #ffffff !important;
text-shadow: 2px 2px black;
-webkit-text-fill-color: #ff7300;
-webkit-text-stroke-width: 0px;
-webkit-text-stroke-color: black;
}
#donor-notification .donor {
position: absolute !important;
margin-top: -30px !important;
margin-left: 120px !important;
width: 400px !important;
text-transform: capitalize;
font-size: 30px !important;
font-weight: bold !important;
font-family: Tahoma !important;
color: #00FF00 !important;
text-shadow: 2px 2px black;
-webkit-text-fill-color: #ff7300;
-webkit-text-stroke-width: 0px;
-webkit-text-stroke-color: black;
}

.donor:after {
content: ' donated ';
-webkit-text-fill-color: white;
}

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

[LLARISSAL]

Hi there @RepentGamingTV

I was wondering if you could make me a subscriber GIF and notification that I can use for my channel. I will most likely come back for a follower notification/donor notification later but Id like to test it out before getting you to do more work than you need to

Thank you!
Larissa




Subscriber Alert

Image Link: http://i.imgur.com/hztG3wS.gif
Font Style/Link: Adobe Gothic Std B
Font Color: White
Any text fill/boarder?: no
Where do you want text located? (Subscriber Name) At bottom of Gif (Can cover some of the image)
Example (If applicable):
Anything else?:

[TheNumbLock]

Requested by: Llarissal

Subscriber:

Link: http://deepbot.tv/notifications/subnotification1.htm
Width: 500
Height: 281

CSS Code:

Code: [Select]

@font-face {
font-family: 'Adobe';
src: url('https://www.fontyukle.net/en/indir.php?id=96085&nrsg=04e2668362d9baabc03d998a23276dd2');
}

#sub-notification {
width: 500px !important;
height: 281px !important;
background-color: transparent !important;
background-image:url('http://i.imgur.com/hztG3wS.gif') !important;
background-repeat: no-repeat !important;
background-size: initial !important;
}
#sub-notification .subname {
position: absolute !important;
text-align: left !important;
margin-top: 60px !important;
margin-left: 110px !important;
width: 150px !important;
font-size: 32px !important;
text-transform: uppercase;
font-weight: normal !important;
  font-family: Adobe !important;
color: #ffffff !important;
}

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

[Babynikki]

Follower Alert

Image Link: http://i.imgur.com/rztdF7k.gif
Font Style/Link: arial black
Font Color: black
Any text fill/boarder?: no
Where do you want text located? (Follower Name): top middle
Example (If applicable): Thanks for following (follower name)!
Anything else?:

Donation Alert

Image Link:http://i.imgur.com/52I3ccK.gif
Font Style/Link:arial black
Font Color: black
Any text fill/boarder?: no
Currency Type:usd
Where do you want text located?(Donator Name, Donation Amount, Message): top middle
Example (If applicable):
Anything else?:

[LLARISSAL]

Requested by: Llarissal

Subscriber:

Link: http://deepbot.tv/notifications/subnotification1.htm
Width: 500
Height: 281

CSS Code:

Code: [Select]

@font-face {
font-family: 'Adobe';
src: url('https://www.fontyukle.net/en/indir.php?id=96085&nrsg=04e2668362d9baabc03d998a23276dd2');
}

#sub-notification {
width: 500px !important;
height: 281px !important;
background-color: transparent !important;
background-image:url('http://i.imgur.com/hztG3wS.gif') !important;
background-repeat: no-repeat !important;
background-size: initial !important;
}
#sub-notification .subname {
position: absolute !important;
text-align: left !important;
margin-top: 60px !important;
margin-left: 110px !important;
width: 150px !important;
font-size: 32px !important;
text-transform: uppercase;
font-weight: normal !important;
  font-family: Adobe !important;
color: #ffffff !important;
}

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

YAY thank you!! I followed u on twitch btw, Ill make sure to drop by again.

thats awesome. Heres the other 2:



Follower Alert

Image Link: http://i.imgur.com/LZMFvYd.gif
Font Style/Link: Adobe Gothic Std B
Font Color: White
Any text fill/boarder?: no
Where do you want text located? (Follower Name): Centered at bottom of Gif (can cover some of the image)
Example (If applicable):
Anything else?:


Donation Alert

Image Link: http://i.imgur.com/hMtD35m.gif
Font Style/Link: Adobe Gothic Std B
Font Color: White
Any text fill/boarder?: no
Currency Type: USD
Where do you want text located?(Donator Name, Donation Amount, Message) Underneath Gif, Centered (not covering Picard   )
Example (If applicable):
Anything else?:

[TheNumbLock]

Requested by: BabyNikki

Follower:

Link: http://deepbot.tv/notifications/follownotification1.htm
Width: 850
Height: 250

CSS Code:

Code: [Select]

#follow-notification {
display: none;
position: absolute;
width: 220px !important;
height: 200px !important;
background-image: url('http://i.imgur.com/rztdF7k.gif') !important;
background-repeat: no-repeat;
}
#follow-notification .followname {
position: absolute !important;
text-align: center !important;
margin-top: 30px !important;
margin-left: 120px !important;
margin-right: 100px !important;
width: 600px !important;
font-size: 40px !important;
font-weight: bold !important;
font-family: Arial !important;
color: blue !important;
  text-shadow: 2px 2px 1px #000;
  -webkit-text-fill-color: black;
-webkit-text-stroke-width: 0.1px;
-webkit-text-stroke-color: red;
}

.followname:before {
content: 'Thanks for following ';
}

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

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




Donation:

Link: http://deepbot.tv/notifications/donationnotification2.htm
Width: 800
Height: 250

CSS Code:

Code: [Select]

#donor-notification {
width: 220px !important;
height: 200px !important;
background-color: transparent !important;
background-image:url('http://i.imgur.com/52I3ccK.gif') !important;
background-repeat: no-repeat !important;
background-size: initial !important;
}
 
 
#donor-notification .header {
visibility: hidden !important;
}
 
#donor-notification .streamname {
visibility: hidden !important;
}
 
#donor-notification .message {
position: absolute !important;
margin-top: 60px !important;
margin-left: 190px !important;
width: 500px !important;
text-transform: capitalize;
font-size: 28px !important;
font-weight: bold !important;
font-family: Arial !important;
color: #ffffff !important;
text-shadow: 2px 2px black;
-webkit-text-fill-color: black;
-webkit-text-stroke-width: 0px;
-webkit-text-stroke-color: black;
}
#donor-notification .amount {
position: absolute !important;
margin-top: -80px !important;
margin-left: 400px !important;
font-size: 34px !important;
font-weight: bold !important;
font-family: Arial !important;
color: #ffffff !important;
text-shadow: 2px 2px black;
-webkit-text-fill-color: black;
-webkit-text-stroke-width: 0px;
-webkit-text-stroke-color: black;
}
#donor-notification .donor {
position: absolute !important;
margin-top: -30px !important;
margin-left: 120px !important;
width: 400px !important;
text-transform: capitalize;
font-size: 34px !important;
font-weight: bold !important;
font-family: Arial !important;
color: #00FF00 !important;
text-shadow: 2px 2px black;
-webkit-text-fill-color: black;
-webkit-text-stroke-width: 0px;
-webkit-text-stroke-color: black;
}

.donor:after {
content: ' donated ';
-webkit-text-fill-color: black;
}

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

[TheNumbLock]

Requested by: LLarissal

Follower:

Link: http://deepbot.tv/notifications/follownotification1.htm
Width: 500
Height: 350

CSS Code:

Code: [Select]

@font-face {
font-family: 'Adobe';
src: url('https://www.fontyukle.net/en/indir.php?id=96085&nrsg=04e2668362d9baabc03d998a23276dd2');
}

#follow-notification {
display: none;
position: absolute;
width: 400px !important;
height: 293px !important;
background-image: url('http://i.imgur.com/LZMFvYd.gif') !important;
background-repeat: no-repeat;
}
#follow-notification .followname {
position: absolute !important;
text-align: center !important;
margin-top: 220px !important;
margin-left: 80px !important;
margin-right: 100px !important;
width: 200px !important;
font-size: 36px !important;
font-weight: bold !important;
font-family: Adobe !important;
color: blue !important;
  text-shadow: 2px 2px 1px #000;
  -webkit-text-fill-color: white;
-webkit-text-stroke-width: 0.1px;
-webkit-text-stroke-color: red;
}

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




Donation:

Link: http://deepbot.tv/notifications/donationnotification2.htm
Width: 700
Height: 550

CSS Code:

Code: [Select]

@font-face {
font-family: 'Adobe';
src: url('https://www.fontyukle.net/en/indir.php?id=96085&nrsg=04e2668362d9baabc03d998a23276dd2');
}

#donor-notification {
width: 500px !important;
height: 213px !important;
background-color: transparent !important;
background-image:url('http://i.imgur.com/hMtD35m.gif') !important;
background-repeat: no-repeat !important;
background-size: initial !important;
}
 
 
#donor-notification .header {
visibility: hidden !important;
}
 
#donor-notification .streamname {
visibility: hidden !important;
}
 
#donor-notification .message {
position: absolute !important;
margin-top: 300px !important;
margin-left: 0px !important;
width: 500px !important;
text-transform: capitalize;
font-size: 28px !important;
font-weight: normal !important;
font-family: Adobe !important;
color: #ffffff !important;
text-shadow: 2px 2px black;
-webkit-text-fill-color: white;
-webkit-text-stroke-width: 0px;
-webkit-text-stroke-color: black;
}
#donor-notification .amount {
position: absolute !important;
margin-top: 215px !important;
margin-left: -180px !important;
font-size: 34px !important;
font-weight: bold !important;
font-family: Adobe !important;
color: #ffffff !important;
text-shadow: 2px 2px black;
-webkit-text-fill-color: white;
-webkit-text-stroke-width: 0px;
-webkit-text-stroke-color: black;
}
#donor-notification .donor {
position: absolute !important;
margin-top: 180px !important;
margin-left: -70px !important;
width: 400px !important;
text-transform: capitalize;
font-size: 34px !important;
font-weight: bold !important;
font-family: Adobe !important;
color: #00FF00 !important;
text-shadow: 2px 2px black;
-webkit-text-fill-color: white;
-webkit-text-stroke-width: 0px;
-webkit-text-stroke-color: black;
}

.donor:after {
content: ' donated ';
-webkit-text-fill-color: white;
}

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

[TheRamosOnline]

Follower Alert
Image Link: http://puu.sh/iq9ZI/047c7613eb.png
Font Style/Link: http://pokemon-diamond.deviantart.com/art/Alpha-Steam-font-485031806 Alpha Steam
Font Color: #21409a
Any text fill/boarder?: White boarder
Where do you want text located? (Follower Name): Middle
Example (If applicable): http://puu.sh/iqa1o/1afeec3c6c.png

Donation Alert
Image Link: http://puu.sh/iqcN0/fa5bb4b1ff.png
Font Style/Link: User: http://pokemon-diamond.deviantart.com/art/Omega-Blaze-Font-484239706 Omega Blaze Ammount: http://www.fontsquirrel.com/fonts/bebas-NEUE Bebas Neue Message: http://pokemon-diamond.deviantart.com/art/Alpha-Steam-font-485031806 Alpha Steam
Font Color: User & Ammount: #8c0404 Message: #21409a
Any text fill/boarder?: White Boarder
Currency Type: £
Where do you want text located?(Donator Name, Donation Amount, Message): see example
Example (If applicable): http://puu.sh/iqcWi/7c1f5a1be6.png

[TheNumbLock]

Requested by: TheRamosOnline

Follower:

Link: http://deepbot.tv/notifications/follownotification1.htm
Width: 1000
Height: 550

CSS Code:

Code: [Select]

@font-face {
font-family: 'Alpha';
src: url('http://download1980.mediafire.com/xm5l8119advg/2s8kkgkydjtvwar/alpha_steam_by_pokemon_diamond-d80rwxq.ttf');
}

#follow-notification {
display: none;
position: absolute;
width: 1000px !important;
height: 500px !important;
background-image: url('http://puu.sh/iq9ZI/047c7613eb.png') !important;
background-repeat: no-repeat;
}
#follow-notification .followname {
position: absolute !important;
text-align: center !important;
margin-top: 200px !important;
margin-left: 250px !important;
font-size: 100px !important;
font-weight: bold !important;
font-family: Alpha !important;
color: #21409a !important;
-webkit-text-stroke-width: 1px;
-webkit-text-stroke-color: white;
}

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




Donation:

Link: http://deepbot.tv/notifications/donationnotification2.htm?ccy=%C2%A3
Width: 1017
Height: 800

CSS Code:

Code: [Select]

@font-face {
font-family: 'Alpha';
src: url('http://download1980.mediafire.com/xm5l8119advg/2s8kkgkydjtvwar/alpha_steam_by_pokemon_diamond-d80rwxq.ttf');
}

@font-face {
font-family: 'Bebas';
src: url('http://download1626.mediafire.com/bb84ncj1r6jg/0pd32gl2cb8zrs9/BebasNeue+Regular.otf');
}

@font-face {
font-family: 'Omega';
src: url('http://download1511.mediafire.com/d1n3o73p5eag/qjfknkkhsey16fd/omega_blaze_font_by_pokemon_diamond-d80axqy.ttf');
}

#donor-notification {
width: 1017px !important;
height: 763px !important;
background-color: transparent !important;
background-image:url('http://puu.sh/iqcN0/fa5bb4b1ff.png') !important;
background-repeat: no-repeat !important;
background-size: initial !important;
}
 
 
#donor-notification .header {
visibility: hidden !important;
}
 
#donor-notification .streamname {
visibility: hidden !important;
}
 
#donor-notification .message {
position: absolute !important;
margin-top: 250px !important;
margin-left: 500px !important;
width: 400px !important;
text-transform: capitalize;
font-size: 40px !important;
font-weight: normal !important;
font-family: Alpha !important;
color: #ffffff !important;
text-shadow: 2px 2px black;
-webkit-text-fill-color: #21409a;
-webkit-text-stroke-width: 1px;
-webkit-text-stroke-color: white;
}
#donor-notification .amount {
position: absolute !important;
margin-top: 120px !important;
margin-left: 0px !important;
font-size: 50px !important;
font-weight: normal !important;
font-family: Bebas !important;
color: #ffffff !important;
text-shadow: 2px 2px black;
-webkit-text-fill-color: #8c0404;
-webkit-text-stroke-width: 1px;
-webkit-text-stroke-color: white;
}
#donor-notification .donor {
position: absolute !important;
margin-top: 70px !important;
margin-left: 130px !important;
width: 100px !important;
text-transform: capitalize;
font-size: 50px !important;
font-weight: normal !important;
font-family: Omega !important;
color: #ffffff !important;
text-shadow: 2px 2px black;
-webkit-text-fill-color: #8c0404;
-webkit-text-stroke-width: 1px;
-webkit-text-stroke-color: white;
}

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

[LLARISSAL]

Requested by: LLarissal

Follower:

Link: http://deepbot.tv/notifications/follownotification1.htm
Width: 500
Height: 350

CSS Code:

Code: [Select]

@font-face {
font-family: 'Adobe';
src: url('https://www.fontyukle.net/en/indir.php?id=96085&nrsg=04e2668362d9baabc03d998a23276dd2');
}

#follow-notification {
display: none;
position: absolute;
width: 400px !important;
height: 293px !important;
background-image: url('http://i.imgur.com/LZMFvYd.gif') !important;
background-repeat: no-repeat;
}
#follow-notification .followname {
position: absolute !important;
text-align: center !important;
margin-top: 220px !important;
margin-left: 80px !important;
margin-right: 100px !important;
width: 200px !important;
font-size: 36px !important;
font-weight: bold !important;
font-family: Adobe !important;
color: blue !important;
  text-shadow: 2px 2px 1px #000;
  -webkit-text-fill-color: white;
-webkit-text-stroke-width: 0.1px;
-webkit-text-stroke-color: red;
}

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




Donation:

Link: http://deepbot.tv/notifications/donationnotification2.htm
Width: 700
Height: 550

CSS Code:

Code: [Select]

@font-face {
font-family: 'Adobe';
src: url('https://www.fontyukle.net/en/indir.php?id=96085&nrsg=04e2668362d9baabc03d998a23276dd2');
}

#donor-notification {
width: 500px !important;
height: 213px !important;
background-color: transparent !important;
background-image:url('http://i.imgur.com/hMtD35m.gif') !important;
background-repeat: no-repeat !important;
background-size: initial !important;
}
 
 
#donor-notification .header {
visibility: hidden !important;
}
 
#donor-notification .streamname {
visibility: hidden !important;
}
 
#donor-notification .message {
position: absolute !important;
margin-top: 300px !important;
margin-left: 0px !important;
width: 500px !important;
text-transform: capitalize;
font-size: 28px !important;
font-weight: normal !important;
font-family: Adobe !important;
color: #ffffff !important;
text-shadow: 2px 2px black;
-webkit-text-fill-color: white;
-webkit-text-stroke-width: 0px;
-webkit-text-stroke-color: black;
}
#donor-notification .amount {
position: absolute !important;
margin-top: 215px !important;
margin-left: -180px !important;
font-size: 34px !important;
font-weight: bold !important;
font-family: Adobe !important;
color: #ffffff !important;
text-shadow: 2px 2px black;
-webkit-text-fill-color: white;
-webkit-text-stroke-width: 0px;
-webkit-text-stroke-color: black;
}
#donor-notification .donor {
position: absolute !important;
margin-top: 180px !important;
margin-left: -70px !important;
width: 400px !important;
text-transform: capitalize;
font-size: 34px !important;
font-weight: bold !important;
font-family: Adobe !important;
color: #00FF00 !important;
text-shadow: 2px 2px black;
-webkit-text-fill-color: white;
-webkit-text-stroke-width: 0px;
-webkit-text-stroke-color: black;
}

.donor:after {
content: ' donated ';
-webkit-text-fill-color: white;
}

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

OH MY GOD!!!! THANK YOU

[Vinc3ntvega]

Follower Alert

Image Link: http://imgur.com/gallery/BWwftaB/new
Font Style/Link: Serif Bold Italic
Font Color: white
Any text fill/boarder?: no
Where do you want text located? (Follower Name): all lines centered
Example (If applicable):
Anything else?: