Author Topic: Custom Notification WorkShop (Read 225799 times)

maracineanu · « **Reply #240 on:** January 13, 2016, 04:22:34 AM »

Hello, I am Russian, I would like the tape that you added the ability to alert through the site http://www.donationalerts.ru/ Whatever donations were issued at the viewer balls or VIP. automatically using this function http://c2n.me/3sPOG3D

SilreV · « **Reply #241 on:** January 15, 2016, 06:19:07 PM »

alright had posted this in the wrong topic

Hello!

can I have some notification from you!

follower link : http://imgur.com/OTDRjro
Donations link : http://imgur.com/EJxjGrd

300x150 is possible (if the ratio allows it ofcourse)

Text for the follow in the lower part of the picture.
text for the donations in below the picture.

looking forward to it!

wes187inc · « **Reply #242 on:** January 21, 2016, 01:53:40 AM »

Image Link: http://i.imgur.com/xucxDWZ.png
Font Style/Link: Any font works
Font Color: White
Any text fill/boarder?: no
Currency Type: USD
Where do you want text located? Donator Name located on the line where it says "FROM, Donation Amount located on the line next to the "$", Message located on the lines above, starting from the first line, wrapping down.
Example (If applicable): used #9 as my example http://deepbot.deep.sg/forums/index.php?topic=1652.0 but I was unable to get the text right (have never worked with CSS before lol)
Anything else?: You are the best for this! Ty so much

TheNumbLock · « **Reply #243 on:** January 26, 2016, 07:08:23 AM »

Quote from: nielsene90 on December 15, 2015, 01:43:19 PM

Follower Alert

Image Link: http://i.imgur.com/IWtlM61.png
Font Style/Link: Eras Bold ITC
Font Color: Same as text in image (Darkblue)
Any text fill/boarder?: Instructions via Arctomian: Beveled with a 2pt Black Stroke
Where do you want text located? (Follower Name): In the steel part
Example (If applicable):
Anything else?:

Donation Alert

Image Link: http://i.imgur.com/w0qkBly.png
Font Style/Link: Eras Bold ITC
Font Color: Same as text in image (Dark Blue)
Any text fill/boarder?: Instructions via Arctomian: Beveled with a 2pt Black Stroke
Currency Type: USD
Where do you want text located?(Text Options: Donator Name, Donation Amount, Message) In the Steel section with Donator Name and Donation Amount
Example (If applicable):
Anything else?:

I am not sure what is wrong with the font, but it seems to not take or work. The font closely resembles impact. You can change it and adjust it if needed.

Requested by: nielsene90

Follower:

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

CSS Code:

Code: [Select]


#follow-notification {
display: none;
position: absolute;
left: 0px !important;
width: 480px !important;
height: 200px !important;
border-radius: 00px !important;
background-image: url('http://i.imgur.com/IWtlM61.png') !important;
background-repeat: no-repeat;

}
#follow-notification .followname {
position: absolute !important;
text-align: center !important;
margin-top: 130px !important;
margin-left: -30px !important;
width: 300px !important;
font-size: 40px !important;
font-weight: bold !important;
font-family: Eras Bold ITC !important;
color: white !important;
text-transform: capitalize;
-webkit-text-fill-color: darkblue;
-webkit-text-stroke-color: white;
-webkit-text-stroke-width: 0px;
overflow: ahidden !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
Width: 630
Height: 250

CSS Code:

Code: [Select]

#donor-notification {
position: absolute;
top: 0px !important;
left: 0px !important;
width: 480px !important;
height: 200px !important;
background-repeat: no-repeat;
background-size: contain !important;
background-image: url('http://i.imgur.com/w0qkBly.png') !important;
overflow: ahidden !important;
}
#donor-notification .header {
visibility: hidden !important;
}

#donor-notification .date {
visibility: hidden !important;
}

#donor-notification .streamname {
visibility: hidden !important;
}

#donor-notification .message {
visibility: hidden !important;
}
#donor-notification .amount {
position: absolute;
margin-top: 90px !important;
margin-left: -140px !important;
width: 300px !important;
padding-top: 0px !important;
text-align: center !important;
font-weight: bold !important;
font-size: 30px !important;
font-family: impact !important;
color: darkblue !important;
text-transform: capitalize;
-webkit-text-stroke-color: darkblue;
-webkit-text-stroke-width: 0px;
text-shadow: 3px !important;
}
#donor-notification .donor {
position: absolute;
margin-top: 90px !important;
margin-left: -240px !important;
width: 500px !important;
text-align: center !important;
font-weight: bold !important;
font-size: 30px !important;
font-family:impact !important;
color: darkblue !important;
text-transform: capitalize;
-webkit-text-stroke-color: darkblue;
-webkit-text-stroke-width: 0px;
text-shadow: 3px !important;
}

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

TheNumbLock · « **Reply #244 on:** January 26, 2016, 07:22:13 AM »

Quote from: grrlgeek42 on December 27, 2015, 06:29:10 PM

Follower Alert

Image Link: http://imgur.com/Vx3qSUw
Font Style/Link: Century Gothic
Font Color: White
Any text fill/boarder?:
Where do you want text located? (Follower Name): in the gray bar in the center
Example (If applicable):
Anything else?:

Donation Alert

Image Link: http://imgur.com/QAwsk1J
Font Style/Link: Century Gothic
Font Color: White
Any text fill/boarder?:
Currency Type: USD
Where do you want text located?(Text Options: Donator Name, Donation Amount, Message) In the gray area with just name and amount
Example (If applicable):
Anything else?:

Requested by: grrlgeek42

Follower:

Link: http://deepbot.tv/notifications/follownotification1.htm
Width: 700
Height: 200

CSS Code:

Code: [Select]


#follow-notification {
display: none;
position: absolute;
left: 0px !important;
width: 650px !important;
height: 125px !important;
border-radius: 00px !important;
background-image: url('http://i.imgur.com/Vx3qSUw.png') !important;
background-repeat: no-repeat;

}
#follow-notification .followname {
position: absolute !important;
text-align: center !important;
margin-top: 5px !important;
margin-left: 10px !important;
width: 300px !important;
font-size: 30px !important;
font-weight: bold !important;
font-family: Century Gothic !important;
color: white !important;
text-transform: capitalize;
-webkit-text-fill-color: white;
-webkit-text-stroke-color: white;
-webkit-text-stroke-width: 0px;
overflow: ahidden !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
Width: 650
Height: 250

CSS Code:

Code: [Select]

#donor-notification {
position: absolute;
top: 0px !important;
left: 0px !important;
width: 650px !important;
height: 125px !important;
background-repeat: no-repeat;
background-size: contain !important;
background-image: url('http://i.imgur.com/QAwsk1J.png') !important;
overflow: ahidden !important;
}
#donor-notification .header {
visibility: hidden !important;
}

#donor-notification .date {
visibility: hidden !important;
}

#donor-notification .streamname {
visibility: hidden !important;
}

#donor-notification .message {
visibility: hidden !important;
}
#donor-notification .amount {
position: absolute;
margin-top: 0px !important;
margin-left: -180px !important;
width: 300px !important;
padding-top: 0px !important;
text-align: center !important;
font-weight: normal !important;
font-size: 30px !important;
font-family: Century Gothic !important;
color: white !important;
text-transform: capitalize;
-webkit-text-stroke-color: darkblue;
-webkit-text-stroke-width: 0px;
text-shadow: 3px !important;
}
#donor-notification .donor {
position: absolute;
margin-top: 0px !important;
margin-left: -320px !important;
width: 500px !important;
text-align: center !important;
font-weight: normal !important;
font-size: 30px !important;
font-family: Century Gothic !important;
color: white !important;
text-transform: capitalize;
-webkit-text-stroke-color: darkblue;
-webkit-text-stroke-width: 0px;
text-shadow: 3px !important;
}

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

TheNumbLock · « **Reply #245 on:** January 26, 2016, 07:32:35 AM »

Quote from: StampedAurean on December 31, 2015, 05:57:52 PM

I will be using these in XSplit if that matters at all.

Follower Alert

Image Link: http://imgur.com/J0R3U01
Font Style/Link: Something bold and heavy
Font Color: White
Where do you want text located? (Follower Name): Name below image

Donation Alert

Image Link: http://imgur.com/14Em5qp
Font Style/Link: Something bold and heavy
Font Color: White
Currency Type: USD$
Where do you want text located?(Donator Name, Donation Amount, Message): Name above Amount on top of image - Message below image

Thank You!

Requested by: StampedAurean

Follower:

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

CSS Code:

Code: [Select]


#follow-notification {
display: none;
position: absolute;
left: 0px !important;
width: 399px !important;
height: 304px !important;
border-radius: 00px !important;
background-image: url('http://i.imgur.com/J0R3U01.gif') !important;
background-repeat: no-repeat;

}
#follow-notification .followname {
position: absolute !important;
text-align: center !important;
margin-top: 300px !important;
margin-left: 40px !important;
width: 300px !important;
font-size: 30px !important;
font-weight: bold !important;
font-family: Impact !important;
color: white !important;
text-transform: capitalize;
-webkit-text-fill-color: white;
-webkit-text-stroke-color: white;
-webkit-text-stroke-width: 0px;
overflow: ahidden !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
Width: 650
Height: 400

CSS Code:

Code: [Select]

#donor-notification {
position: absolute;
top: 50px !important;
left: 50px !important;
width: 347px !important;
height: 200px !important;
background-repeat: no-repeat;
background-size: contain !important;
background-image: url('http://i.imgur.com/14Em5qp.gif') !important;
overflow: ahidden !important;
}
#donor-notification .header {
visibility: hidden !important;
}

#donor-notification .date {
visibility: hidden !important;
}

#donor-notification .streamname {
visibility: hidden !important;
}

#donor-notification .message {
position: absolute;
margin-top: 200px !important;
margin-left: -30px !important;
width: 400px !important;
padding-top: 0px !important;
text-align: center !important;
font-weight: normal !important;
font-size: 30px !important;
font-family: Impact !important;
color: white !important;
text-transform: capitalize;
-webkit-text-stroke-color: darkblue;
-webkit-text-stroke-width: 0px;
text-shadow: 3px !important;
}
#donor-notification .amount {
position: absolute;
margin-top: -70px !important;
margin-left: -130px !important;
width: 300px !important;
padding-top: 0px !important;
text-align: center !important;
font-weight: normal !important;
font-size: 30px !important;
font-family: Impact !important;
color: white !important;
text-transform: capitalize;
-webkit-text-stroke-color: darkblue;
-webkit-text-stroke-width: 0px;
text-shadow: 3px !important;
}
#donor-notification .donor {
position: absolute;
margin-top: -70px !important;
margin-left: -250px !important;
width: 500px !important;
text-align: center !important;
font-weight: normal !important;
font-size: 30px !important;
font-family: Impact !important;
color: white !important;
text-transform: capitalize;
-webkit-text-stroke-color: darkblue;
-webkit-text-stroke-width: 0px;
text-shadow: 3px !important;
}

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

TheNumbLock · « **Reply #246 on:** January 26, 2016, 07:33:38 AM »

Quote from: maracineanu on January 13, 2016, 04:22:34 AM

Hello, I am Russian, I would like the tape that you added the ability to alert through the site http://www.donationalerts.ru/ Whatever donations were issued at the viewer balls or VIP. automatically using this function http://c2n.me/3sPOG3D

We do not support 3rd party donation systems currently.

TheNumbLock · « **Reply #247 on:** January 26, 2016, 07:38:59 AM »

Quote from: SilreV on January 15, 2016, 06:19:07 PM

alright had posted this in the wrong topic

Hello!

can I have some notification from you!

follower link : http://imgur.com/OTDRjro
Donations link : http://imgur.com/EJxjGrd

300x150 is possible (if the ratio allows it ofcourse)

Text for the follow in the lower part of the picture.
text for the donations in below the picture.

looking forward to it!

Requested by: SilreV

Follower:

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

CSS Code:

Code: [Select]


#follow-notification {
display: none;
position: absolute;
left: 0px !important;
width: 350px !important;
height: 257px !important;
border-radius: 00px !important;
background-image: url('http://i.imgur.com/OTDRjro.gif') !important;
background-repeat: no-repeat;

}
#follow-notification .followname {
position: absolute !important;
text-align: center !important;
margin-top: 250px !important;
margin-left: 40px !important;
width: 300px !important;
font-size: 30px !important;
font-weight: bold !important;
font-family: Impact !important;
color: white !important;
text-transform: capitalize;
-webkit-text-fill-color: white;
-webkit-text-stroke-color: white;
-webkit-text-stroke-width: 0px;
overflow: ahidden !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
Width: 650
Height: 400

CSS Code:

Code: [Select]

#donor-notification {
position: absolute;
top: 50px !important;
left: 150px !important;
width: 300px !important;
height: 150px !important;
background-repeat: no-repeat;
background-size: contain !important;
background-image: url('http://i.imgur.com/EJxjGrd.gif') !important;
overflow: ahidden !important;
}
#donor-notification .header {
visibility: hidden !important;
}

#donor-notification .date {
visibility: hidden !important;
}

#donor-notification .streamname {
visibility: hidden !important;
}

#donor-notification .message {
visibility: hidden !important;
}
#donor-notification .amount {
position: absolute;
margin-top: 160px !important;
margin-left: -300px !important;
width: 300px !important;
padding-top: 0px !important;
text-align: center !important;
font-weight: normal !important;
font-size: 30px !important;
font-family: Impact !important;
color: white !important;
text-transform: capitalize;
-webkit-text-stroke-color: darkblue;
-webkit-text-stroke-width: 0px;
text-shadow: 3px !important;
}
#donor-notification .donor {
position: absolute;
margin-top: 120px !important;
margin-left: -230px !important;
width: 500px !important;
text-align: center !important;
font-weight: normal !important;
font-size: 30px !important;
font-family: Impact !important;
color: white !important;
text-transform: capitalize;
-webkit-text-stroke-color: darkblue;
-webkit-text-stroke-width: 0px;
text-shadow: 3px !important;
}

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

TheNumbLock · « **Reply #248 on:** January 26, 2016, 07:51:30 AM »

Quote from: wes187inc on January 21, 2016, 01:53:40 AM

Image Link: http://i.imgur.com/xucxDWZ.png
Font Style/Link: Any font works
Font Color: White
Any text fill/boarder?: no
Currency Type: USD
Where do you want text located? Donator Name located on the line where it says "FROM, Donation Amount located on the line next to the "$", Message located on the lines above, starting from the first line, wrapping down.
Example (If applicable): used #9 as my example http://deepbot.deep.sg/forums/index.php?topic=1652.0 but I was unable to get the text right (have never worked with CSS before lol)
Anything else?: You are the best for this! Ty so much

Requested By: wes187inc

Donation:

Link: http://deepbot.tv/notifications/donationnotification2.htm
Width: 900
Height: 350

CSS Code:

Code: [Select]

#donor-notification {
position: absolute;
top: 0px !important;
left: 0px !important;
width: 812px !important;
height: 273px !important;
background-repeat: no-repeat;
background-size: contain !important;
background-image: url('http://i.imgur.com/xucxDWZ.png') !important;
overflow: ahidden !important;
}
#donor-notification .header {
visibility: hidden !important;
}

#donor-notification .date {
visibility: hidden !important;
}

#donor-notification .streamname {
visibility: hidden !important;
}

#donor-notification .message {
position: absolute;
margin-top: 70px !important;
margin-left: 50px !important;
width: 700px !important;
padding-top: 0px !important;
text-align: center !important;
font-weight: normal !important;
font-size: 30px !important;
font-family: Impact !important;
color: white !important;
text-transform: capitalize;
-webkit-text-stroke-color: darkblue;
-webkit-text-stroke-width: 0px;
text-shadow: 3px !important;
}
#donor-notification .amount {
position: absolute;
margin-top: 170px !important;
margin-left: -400px !important;
width: 300px !important;
padding-top: 0px !important;
text-align: center !important;
font-weight: normal !important;
font-size: 30px !important;
font-family: Impact !important;
color: white !important;
text-transform: capitalize;
-webkit-text-stroke-color: darkblue;
-webkit-text-stroke-width: 0px;
text-shadow: 3px !important;
}
#donor-notification .donor {
position: absolute;
margin-top: 170px !important;
margin-left: 70px !important;
width: 500px !important;
text-align: center !important;
font-weight: normal !important;
font-size: 30px !important;
font-family: Impact !important;
color: white !important;
text-transform: capitalize;
-webkit-text-stroke-color: darkblue;
-webkit-text-stroke-width: 0px;
text-shadow: 3px !important;
}

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

WaKe_BiGReD · « **Reply #249 on:** January 28, 2016, 07:48:51 AM »

can any one do custom sounds

DessiBliss3 · « **Reply #250 on:** January 28, 2016, 12:57:51 PM »

Follower Alert

Image Link: no image just text
Font Style/Link: http://www.1001fonts.com/vtks-love-u-font.html
Font Color: message if write and name is green
Any text fill/boarder?: none
Where do you want text located? (Follower Name):
Example (If applicable): So for example itll be Welcome (name in green with font) To the BLS Nation
Anything else?: can the name of the follower and the BLSNation be in this font but the msg be in regular standard font?

Donation Alert

Image Link: none, just text
Font Style/Link: http://www.1001fonts.com/vtks-love-u-font.html
Font Color: name and amount green the other white
Any text fill/boarder?: none
Currency Type: US
Where do you want text located?(Text Options: Donator Name, Donation Amount, Message) yes, just like this
Example (If applicable): Can the Donator and the amount be in the font but the rest in regular standard font?
Anything else?: no background just text just like the follower notification

TheNumbLock · « **Reply #251 on:** January 28, 2016, 04:50:32 PM »

Quote from: DessiBliss3 on January 28, 2016, 12:57:51 PM

Follower Alert

Image Link: no image just text
Font Style/Link: http://www.1001fonts.com/vtks-love-u-font.html
Font Color: message if write and name is green
Any text fill/boarder?: none
Where do you want text located? (Follower Name):
Example (If applicable): So for example itll be Welcome (name in green with font) To the BLS Nation
Anything else?: can the name of the follower and the BLSNation be in this font but the msg be in regular standard font?

Donation Alert

Image Link: none, just text
Font Style/Link: http://www.1001fonts.com/vtks-love-u-font.html
Font Color: name and amount green the other white
Any text fill/boarder?: none
Currency Type: US
Where do you want text located?(Text Options: Donator Name, Donation Amount, Message) yes, just like this
Example (If applicable): Can the Donator and the amount be in the font but the rest in regular standard font?
Anything else?: no background just text just like the follower notification

Requested by: DessiBliss3

Follower:

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

CSS Code:

Code: [Select]


#follow-notification {
display: none;
position: absolute;
left: 0px !important;
width: 500px !important;
height: 200px !important;
border-radius: 00px !important;
background-image: url('http://i.imgur.com/qi4iTvV.png') !important;
background-repeat: no-repeat;

}
#follow-notification .followname {
position: absolute !important;
text-align: center !important;
margin-top: 100px !important;
margin-left: 150px !important;
width: 300px !important;
font-size: 30px !important;
font-weight: bold !important;
font-family: Vtks Love U !important;
color: green !important;
text-transform: capitalize;
-webkit-text-fill-color: green;
-webkit-text-stroke-color: green;
-webkit-text-stroke-width: 0px;
text-shadow: 10px white !important;
}
 
.followname:before {
content: 'Welcome ' !important;
}

.followname:after {
content: ' to the BLS Nation!' !important;
}

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

Donation:

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

CSS Code:

Code: [Select]

#donor-notification {
position: absolute;
top: 0px !important;
left: 0px !important;
width: 500px !important;
height: 200px !important;
background-repeat: no-repeat;
background-size: contain !important;
background-image: url('http://i.imgur.com/qi4iTvV.png') !important;
overflow: ahidden !important;
}
#donor-notification .header {
visibility: hidden !important;
}

#donor-notification .date {
visibility: hidden !important;
}

#donor-notification .streamname {
visibility: hidden !important;
}

#donor-notification .message {
position: absolute;
margin-top: 70px !important;
margin-left: 0px !important;
width: 500px !important;
padding-top: 0px !important;
text-align: center !important;
font-weight: normal !important;
font-size: 30px !important;
font-family: Vtks Love U !important;
color: white !important;
text-transform: capitalize;
-webkit-text-stroke-color: grey;
-webkit-text-stroke-width: 0px;
text-shadow: 3px !important;
}
#donor-notification .amount {
position: absolute;
margin-top: 0px !important;
margin-left: -150px !important;
width: 300px !important;
padding-top: 0px !important;
text-align: center !important;
font-weight: normal !important;
font-size: 30px !important;
font-family: Vtks Love U !important;
color: green !important;
text-transform: capitalize;
-webkit-text-stroke-color: grey;
-webkit-text-stroke-width: 0px;
text-shadow: 3px !important;
}
#donor-notification .donor {
position: absolute;
margin-top: 0px !important;
margin-left: -250px !important;
width: 500px !important;
text-align: center !important;
font-weight: normal !important;
font-size: 30px !important;
font-family: Vtks Love U !important;
color: green !important;
text-transform: capitalize;
-webkit-text-stroke-color: grey;
-webkit-text-stroke-width: 0px;
text-shadow: 3px !important;
}

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

tfcarbon · « **Reply #252 on:** February 02, 2016, 11:22:33 PM »

~Follower Alert~

- Image Link: http://imgur.com/aqFKk1g

- Font Style/Link: Microsoft Sans Serif or Whichever You think will look Better

- Font Color: White

- Any text fill/boarder? No

- Where do you want text located? (Follower Name): Center of Image

- Example (If applicable): https://gyazo.com/ab948cb9c0b997a700004f9a60094e4b

- Anything else?: Nope

~Donation Alert~

- Image Link: http://imgur.com/gjxb5HO

- Font Style/Link: Microsoft Sans Serif or Whichever You think will look Better

- Font Color: White

- Any text fill/boarder? No

- Currency Type: USD

- Where do you want text located?(Text Options: Donator Name, Donation Amount, Message): Center Thank You (Donator Name) for (Donation Amount)

- Example (If applicable): https://gyazo.com/6510bfcf7b884378dd892fc6a65793cb

- Anything else?: Nope

~Subscriber Alert~

- Image Link: http://imgur.com/J1C2RoO

- Font Style/Link: Microsoft Sans Serif or Whichever You think will look Better

- Font Color: White

- Any text fill/boarder? No

- Where do you want text located? (Follower Name): Center of Image

- Example (If applicable): https://gyazo.com/7331e91a69fe8115d70065cef3402774

- Anything else?: Nope

TheNumbLock · « **Reply #253 on:** February 03, 2016, 04:53:33 AM »

Requested by: tfcarbon

Follower:

Link: http://deepbot.tv/notifications/follownotification1.htm
Width: 900
Height: 200

CSS Code:

Code: [Select]


#follow-notification {
display: none;
position: absolute;
left: 0px !important;
width: 840px !important;
height: 125px !important;
border-radius: 00px !important;
background-image: url('http://i.imgur.com/aqFKk1g.png') !important;
background-repeat: no-repeat;

}
#follow-notification .followname {
position: absolute !important;
text-align: center !important;
margin-top: 40px !important;
margin-left: 270px !important;
width: 300px !important;
font-size: 40px !important;
font-weight: bold !important;
font-family: sans-serif !important;
color: green !important;
text-transform: capitalize;
-webkit-text-fill-color: white;
-webkit-text-stroke-color: green;
-webkit-text-stroke-width: 0px;
text-shadow: 10px white !important;
}
 
.followname:before {
content: '' !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
Width: 900
Height: 150

CSS Code:

Code: [Select]

#donor-notification {
position: absolute;
top: 0px !important;
left: 0px !important;
width: 840px !important;
height: 78px !important;
background-repeat: no-repeat;
background-size: contain !important;
background-image: url('http://i.imgur.com/gjxb5HO.png') !important;
overflow: ahidden !important;
}
#donor-notification .header {
visibility: hidden !important;
}

#donor-notification .date {
visibility: hidden !important;
}

#donor-notification .streamname {
visibility: hidden !important;
}

#donor-notification .message {
visibility: hidden !important;
}
#donor-notification .amount {
position: absolute;
margin-top: 0px !important;
margin-left: -50px !important;
width: 300px !important;
padding-top: 0px !important;
text-align: center !important;
font-weight: bold !important;
font-size: 30px !important;
font-family: sans-serif !important;
color: white !important;
text-transform: capitalize;
-webkit-text-stroke-color: grey;
-webkit-text-stroke-width: 0px;
text-shadow: 3px !important;
}
#donor-notification .donor {
position: absolute;
margin-top: 0px !important;
margin-left: -230px !important;
width: 500px !important;
text-align: center !important;
font-weight: bold !important;
font-size: 30px !important;
font-family: sans-serif !important;
color: white !important;
text-transform: capitalize;
-webkit-text-stroke-color: grey;
-webkit-text-stroke-width: 0px;
text-shadow: 3px !important;
}

.donor:before {
content: 'Thank you ';
}

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

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

Subscriber:

Link: http://deepbot.tv/notifications/subnotification3.htm
Width: 900
Height: 200

CSS Code:

Code: [Select]

body {
    background-color: transparent;
    color: white;
}
#sub-notification {
  display: none;
  position: absolute;
  top: 0px;
  left: 0px;
  width: 840px !important;
  height: 125px !important;
  background-repeat: no-repeat;
  background-image: url('http://i.imgur.com/J1C2RoO.png') !important;
  background-position-y: 0px;
}
#resub-notification {
  display: none;
  position: absolute;
  top: 0px;
  left: 0px !important;
  width: 840px !important;
  height: 125px !important;
  background-repeat: no-repeat;
  background-image: url('http://i.imgur.com/J1C2RoO.png') !important;
  background-position-y: 0px;
}
.subname {
margin-left: 300px !important;
  margin-top: 80px !important;
  padding-top: 0px !important;
  width: 0px !important;
  text-align: center !important;
  font-size: 40px !important;
  font-weight: bold !important;
  font-family: sans-serif !important;
  color: white !important;
  -webkit-text-stroke: 0px;
  text-transform: capitalize;
  -webkit-text-stroke-color: black;
}

.months {
visibility: hidden !important;
}

.months:after {
visibility: hidden !important;
}

.badge {
visibility: hidden !important;
}

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

Rookzer · « **Reply #254 on:** February 04, 2016, 11:41:17 AM »

Would it be possible to get CSS for follower and donation? I can do the images myself, or would you need them as well?

Deep Bot - Twitch Streamer Assistant

News:

Author Topic: Custom Notification WorkShop (Read 225799 times)

maracineanu

Re: Custom Notification WorkShop

SilreV

Re: Custom Notification WorkShop

wes187inc

Re: Custom Notification WorkShop

TheNumbLock

Re: Custom Notification WorkShop

TheNumbLock

Re: Custom Notification WorkShop

TheNumbLock

Re: Custom Notification WorkShop

TheNumbLock

Re: Custom Notification WorkShop

TheNumbLock

Re: Custom Notification WorkShop

TheNumbLock

Re: Custom Notification WorkShop

WaKe_BiGReD

Re: Custom Notification WorkShop

DessiBliss3

Re: Custom Notification WorkShop

TheNumbLock

Re: Custom Notification WorkShop

tfcarbon

Re: Custom Notification WorkShop

TheNumbLock

Re: Custom Notification WorkShop

Rookzer

Re: Custom Notification WorkShop