Author Topic: Custom Notification WorkShop (Read 244880 times)

Thescribe83 · « **Reply #165 on:** July 21, 2015, 05:03:46 AM »

Follower Alert

Image Link: http://imgur.com/jlTEMk4
Font Style/Link: Eras Bold ITC or Arial ; Text size a little smaller than the "Take Your Place Among Friends" but not too small (make it look good

)
Font Color: Bright Gold or White
Any text fill/boarder?: No
Marquee/Scroll Effect?: No
Where do you want text located? (Follower Name) Below the Image
Example (If applicable):
Anything else?:

TheNumbLock · « **Reply #166 on:** July 21, 2015, 06:10:59 AM »

Requested by: Thescribe83

Follower:

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

CSS Code:

Code: [Select]

#follow-notification {
display: none;
position: absolute;
width: 500px !important;
height: 250px !important;
background-image: url('http://i.imgur.com/jlTEMk4.gif') !important;
background-repeat: no-repeat;
}

#follow-notification .followname {
position: absolute !important;
margin-top: 190px !important;
margin-left: 50px !important;
width: 400px !important;
font-size: 30px !important;
font-weight: normal !important;
font-family: Arial !important;
color: blue !important;
-webkit-text-fill-color: white;
-webkit-text-stroke-color: black;
-webkit-text-stroke-width: 0px;
}

.followname:after {
content: ' Take Your Place Among Friends'
}

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

RowdyB · « **Reply #167 on:** July 21, 2015, 11:18:35 AM »

Follower Alert

Image Link: http://i.imgur.com/g4aTS7K.png
Font Style/Link: Impact Bold
Font Color: White
Any text fill/boarder?: no
Where do you want text located? (Follower Name): Center of image
Example (If applicable):
Anything else?:

RowdyB · « **Reply #168 on:** July 21, 2015, 11:23:22 AM »

Donation Alert

Image Link: http://i.imgur.com/eBflzEJ.png
Font Style/Link: Impact Bold
Font Color: White
Any text fill/boarder?: no
Currency Type: US Dollars
Where do you want text located?(Donator Name, Donation Amount, Message) Center of image (Name and Amount) with message on second line if possible else no message
Example (If applicable):
Anything else?:

TheNumbLock · « **Reply #169 on:** July 21, 2015, 11:48:22 AM »

Requested by: RowdyB

Follower:

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

CSS Code:

Code: [Select]

#follow-notification {
display: none;
position: absolute;
width: 557px !important;
height: 147px !important;
background-image: url('http://i.imgur.com/g4aTS7K.png') !important;
background-repeat: no-repeat;
}

#follow-notification .followname {
position: absolute !important;
margin-top: 25px !important;
margin-left: 80px !important;
width: 400px !important;
font-size: 30px !important;
font-weight: Bold !important;
font-family: Impact !important;
color: blue !important;
-webkit-text-fill-color: white;
-webkit-text-stroke-color: black;
-webkit-text-stroke-width: 0px;
}

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

Donation:

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

CSS Code:

Code: [Select]

#donor-notification {
width: 557px !important;
height: 147px !important;
background-color: transparent !important;
background-image:url('http://i.imgur.com/eBflzEJ.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: 90px !important;
margin-left: 100px !important;
width: 400px !important;
font-size: 16px !important;
font-weight: normal !important;
font-family: Impact !important;
color: blue !important;
text-transform: capitalize;
text-shadow: 1px 1px black;
-webkit-text-fill-color: white;
-webkit-text-stroke-color: black;
-webkit-text-stroke-width: 0px;
}
#donor-notification .amount {
position: absolute !important;
margin-top: 35px !important;
margin-left: -50px !important;
font-size: 26px !important;
font-weight: bold !important;
font-family: Impact !important;
color: blue !important;
text-shadow: 2px 2px black;
-webkit-text-fill-color: white;
-webkit-text-stroke-color: black;
-webkit-text-stroke-width: 1px;
}
#donor-notification .donor {
position: absolute !important;
margin-top: 35px !important;
margin-left: -60px !important;
width: 300px !important;
font-size: 26px !important;
font-weight: bold !important;
font-family: Impact !important;
color: blue !important;
text-transform: capitalize;
text-shadow: 2px 2px black;
-webkit-text-fill-color: white;
-webkit-text-stroke-color: black;
-webkit-text-stroke-width: 1px;
}

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

loukassm · « **Reply #170 on:** July 23, 2015, 12:14:07 AM »

Follower Alert

Image Link: http://imgur.com/sOtuTgq
Font Style/Link: Batman Forever: http://www.dafont.com/batman-forever.font
Font Color: White
Any text fill/boarder?: yes, black borders
Where do you want text located? Text located to the right of image: (Follower name) is the follower this stream needs.
Example (If applicable):
Anything else?:

TheNumbLock · « **Reply #171 on:** July 23, 2015, 03:46:38 AM »

Requested by: loukassm

Follower:

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

CSS Code:

Code: [Select]

@font-face { 
font-family: 'Bat'; 
src: url('http://download2126.mediafire.com/33fw0mc4hkeg/jjbnu3wbap8lgct/batmfa__.ttf'); 
}

#follow-notification {
display: none;
position: absolute;
width: 500px !important;
height: 343px !important;
background-image: url('http://i.imgur.com/sOtuTgq.gif') !important;
background-repeat: no-repeat;
}

#follow-notification .followname {
position: absolute !important;
margin-top: 100px !important;
margin-left: 520px !important;
width: 400px !important;
font-size: 30px !important;
font-weight: Bold !important;
font-family: Bat !important;
color: blue !important;
-webkit-text-fill-color: white;
-webkit-text-stroke-color: black;
-webkit-text-stroke-width: 0px;
}

.followname:after {
content: ' is the follower this stream needs.';
}

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

rockst92 · « **Reply #172 on:** July 23, 2015, 06:00:18 AM »

Follower Alert

Image Link: http://imgur.com/qWZzHYS,MoWIsmv
Font Style/Link: American Captain
Font Color: #ef05d8
Any text fill/boarder?: No
Where do you want text located? (Follower Name): Centered in the blue
Example (If applicable):
Anything else?:

rockst92 · « **Reply #173 on:** July 23, 2015, 06:01:56 AM »

Donation Alert

Image Link: http://imgur.com/qWZzHYS,MoWIsmv#1
Font Style/Link: American Captain
Font Color: Black
Any text fill/boarder?:
Currency Type: USD
Where do you want text located?(Donator Name, Donation Amount, Message) Name At Very top, amount next to the name, message at the bottom.
Example (If applicable):
Anything else?:

Austiner · « **Reply #174 on:** July 23, 2015, 06:20:37 AM »

Follow Notification

Image Link: http://imgur.com/1pZOVjT
Font Style: Arial Bold
Font Color: White
Any text fill/boarder?: no
Where do you want text located?: A little to the right as shown in the example below.
Example: http://gyazo.com/fdd307583cc39bde368e6e1b33c54128
but I prefer the user's name to be lined up with the "new follower"
Anything else?: no thanks

Donation Notification

Image Link: http://imgur.com/K5CMvXy
Font Style: Arial Bold
Font Color: White
Any text fill/border?: no
Currency Type: USD
Where do you want text located: See Example below, I'd like it to start near the top as shown in example to leave room for longer messages to fit, I would like if it started a little more to the left and went closer to the "A's" on each side for even more room as long as it never overlaps the "A's"
Example: http://gyazo.com/1a279da81acdedca4a6fd0b093d41d26
Anything else?: No thanks

TheNumbLock · « **Reply #175 on:** July 23, 2015, 10:07:49 AM »

Requested by: rockst92

Follower:

Link: http://deepbot.tv/notifications/follownotification1.htm
Width: 1366
Height: 768

CSS Code:

Code: [Select]

@font-face { 
font-family: 'AC'; 
src: url('http://download1675.mediafire.com/a32mqznx3btg/9s7sp5i2kroine4/American+Captain.ttf'); 
}

#follow-notification {
display: none;
position: absolute;
width: 1366px !important;
height: 768px !important;
background-image: url('http://i.imgur.com/qWZzHYS.png') !important;
background-repeat: no-repeat;
}

#follow-notification .followname {
position: absolute !important;
margin-top: 390px !important;
margin-left: 480px !important;
width: 400px !important;
font-size: 50px !important;
font-weight: Bold !important;
font-family: AC !important;
color: blue !important;
-webkit-text-fill-color: ef05d8;
-webkit-text-stroke-color: black;
-webkit-text-stroke-width: 0px;
}

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

Donation:

Link: http://deepbot.tv/notifications/donationnotification2.htm
Width: 1366
Height: 768

CSS Code:

Code: [Select]

@font-face { 
font-family: 'AC'; 
src: url('http://download1675.mediafire.com/a32mqznx3btg/9s7sp5i2kroine4/American+Captain.ttf'); 
}

#donor-notification {
width: 1366px !important;
height: 768px !important;
background-color: transparent !important;
background-image:url('http://i.imgur.com/MoWIsmv.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: 380px !important;
margin-left: 400px !important;
width: 550px !important;
font-size: 34px !important;
font-weight: normal !important;
font-family: AC !important;
color: blue !important;
text-shadow: 2px 2px black;
-webkit-text-fill-color: black;
-webkit-text-stroke-color: black;
-webkit-text-stroke-width: 1px;
}
#donor-notification .amount {
position: absolute !important;
margin-top: 300px !important;
margin-left: -50px !important;
font-size: 50px !important;
font-weight: normal !important;
font-family: AC !important;
color: blue !important;
text-shadow: 2px 2px black;
-webkit-text-fill-color: black;
-webkit-text-stroke-color: black;
-webkit-text-stroke-width: 1px;
}
#donor-notification .donor {
position: absolute !important;
margin-top: 300px !important;
margin-left: -120px !important;
width: 300px !important;
font-size: 50px !important;
font-weight: normal !important;
font-family: AC !important;
color: blue !important;
text-transform: capitalize;
text-shadow: 2px 2px black;
-webkit-text-fill-color: black;
-webkit-text-stroke-color: black;
-webkit-text-stroke-width: 0px;
}

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

TheNumbLock · « **Reply #176 on:** July 23, 2015, 10:24:19 AM »

Requested by: Austiner

Follower:

Link: http://deepbot.tv/notifications/follownotification1.htm
Width: 580
Height: 120

CSS Code:

Code: [Select]

#follow-notification {
display: none;
position: absolute;
width: 580px !important;
height: 110px !important;
background-image: url('http://i.imgur.com/1pZOVjT.png') !important;
background-repeat: no-repeat;
}

#follow-notification .followname {
position: absolute !important;
margin-top: 10px !important;
margin-left: 150px !important;
width: 400px !important;
font-size: 30px !important;
font-weight: bold !important;
font-family: Arial !important;
color: blue !important;
-webkit-text-fill-color: white;
-webkit-text-stroke-color: black;
-webkit-text-stroke-width: 0px;
}

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

Donation:

Link: http://deepbot.tv/notifications/donationnotification2.htm
Width: 1920
Height: 110

CSS Code:

Code: [Select]

#donor-notification {
width: 1920px !important;
height: 110px !important;
background-color: transparent !important;
background-image:url('http://i.imgur.com/K5CMvXy.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: 850px !important;
text-align: left;
font-size: 28px !important;
font-weight: bold !important;
font-family: Arial !important;
color: blue !important;
text-shadow: 2px 2px black;
-webkit-text-fill-color: white;
-webkit-text-stroke-color: black;
-webkit-text-stroke-width: 1px;
}
#donor-notification .amount {
position: absolute !important;
margin-top: 10px !important;
margin-left: -360px !important;
font-size: 28px !important;
font-weight: bold !important;
font-family: Arial !important;
color: blue !important;
text-shadow: 2px 2px black;
-webkit-text-fill-color: white;
-webkit-text-stroke-color: black;
-webkit-text-stroke-width: 1px;
}
#donor-notification .donor {
position: absolute !important;
margin-top: 10px !important;
margin-left: -550px !important;
width: 500px !important;
font-size: 28px !important;
font-weight: bold !important;
font-family: Arial !important;
color: blue !important;
text-transform: capitalize;
text-shadow: 2px 2px black;
-webkit-text-fill-color: white;
-webkit-text-stroke-color: black;
-webkit-text-stroke-width: 1px;
}

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

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

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

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

Thenoxiousmike · « **Reply #177 on:** July 24, 2015, 05:11:38 PM »

http://imgur.com/D76h3W8
Black arial Font with a yellow outline if possible
for placement its in the Cloud thingy ^^

Much love RepentGamingTV Thankls for helping out!

TheNumbLock · « **Reply #178 on:** July 25, 2015, 04:09:37 AM »

Requested by: Thenoxiousmike

Follower:

Link: http://deepbot.tv/notifications/follownotification1.htm
Width: 580
Height: 120

CSS Code:

Code: [Select]

#follow-notification {
display: none;
position: absolute;
width: 580px !important;
height: 110px !important;
background-image: url('http://i.imgur.com/D76h3W8.png') !important;
background-repeat: no-repeat;
}

#follow-notification .followname {
position: absolute !important;
margin-top: 20px !important;
margin-left: 90px !important;
width: 400px !important;
font-size: 26px !important;
font-weight: bold !important;
font-family: Arial !important;
color: blue !important;
-webkit-text-fill-color: black;
-webkit-text-stroke-color: yellow;
-webkit-text-stroke-width: 0.4px;
}

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

Shad0w1988 · « **Reply #179 on:** July 26, 2015, 04:22:43 AM »

Follower Alert

Image Link: http://i.imgur.com/ehsTsge.png
Font Style/Link: http://www.dafont.com/de/angilla-tattoo.font
Font Color: blue and black outline if possible
Any text fill/boarder?:
Where do you want text located? (Follower Name): center of the blue box
Example (If applicable):
Anything else?:

Donation Alert

Image Link: http://i.imgur.com/pdoWzeI.png
Font Style/Link: http://www.dafont.com/de/angilla-tattoo.font
Font Color: blue and black outline if possible
Any text fill/boarder?:
Currency Type: € Euro
Where do you want text located?(Donator Name, Donation Amount, Message) center of the blue box and below the amount no message
Example (If applicable):
Anything else?:

Deep Bot - Twitch Streamer Assistant

News:

Author Topic: Custom Notification WorkShop (Read 244880 times)

Thescribe83

Re: Custom Notification WorkShop

TheNumbLock

Re: Custom Notification WorkShop

RowdyB

Re: Custom Notification WorkShop

RowdyB

Re: Custom Notification WorkShop

TheNumbLock

Re: Custom Notification WorkShop

loukassm

Re: Custom Notification WorkShop

TheNumbLock

Re: Custom Notification WorkShop

rockst92

Re: Custom Notification WorkShop

rockst92

Re: Custom Notification WorkShop

Austiner

Re: Custom Notification WorkShop

TheNumbLock

Re: Custom Notification WorkShop

TheNumbLock

Re: Custom Notification WorkShop

Thenoxiousmike

Re: Custom Notification WorkShop

TheNumbLock

Re: Custom Notification WorkShop

Shad0w1988

Re: Custom Notification WorkShop