Author Topic: Custom Notification WorkShop (Read 262223 times)

TheNumbLock · « **on:** February 02, 2015, 03:43:29 AM »

UPDATE: I will no longer be doing requests for the CSS for notifications. I currently have a full time job and not a whole lot of time to work on these. However, if you really want it done, I recommend asking another staff member.

I will be working on Custom Notifications for all DeepBot users. Don't expect your notifications to be done right away, since I am doing this for free. Expect up to 48 hour delay for your custom notifications to be done. (It all depends on how busy I am and how many requests I get.) If you want them done faster, you can donate to me, and I will move you to the top of the list. (PM me for details on that.)

Post Below with the following the notifications you need. Here are the layouts:

For uploading your images use Imgur.

Updated: 4/23/2016 - Added Host/GameWisp Notifications to Workshop list.

Follower Alert:

Code: [Select]

Follower Alert

Image Link:
Font Style/Link:
Font Color:
Any text fill/boarder?:
Where do you want text located? (Follower Name):
Example (If applicable):
Anything else?:

Donation Alert: (You do not need to include all 3 text options, Just an FYI.)

Code: [Select]

Donation Alert

Image Link:
Font Style/Link:
Font Color:
Any text fill/boarder?:
Currency Type:
What do you want the alert to say?(Text Options: Donator Name, Donation Amount, Message):
Example (If applicable):
Anything else?:

Subscriber Alert:

Code: [Select]

Subscriber Alert

Image Link:
Font Style/Link:
Font Color:
Any text fill/boarder?:
What do you want the alert to say?(Text Options: Sub Name, Months):
Example (If applicable):
Anything else?:

Host:

Code: [Select]

Host Alert

Image Link:
Font Style/Link:
Font Color:
Any text fill/boarder?:
What do you want the alert to say?(Text Options: Host Name, Amount of Viewers):
Example (If applicable):
Anything else?:

GameWisp:

Code: [Select]

GameWisp Sub Alert

Image Link:
Font Style/Link:
Font Color:
Any text fill/boarder?:
What do you want the alert to say?(Text Options: Sub Name, Sub months, New Sub, Sub Tier):
Example (If applicable):
Anything else?:

Gibbs · « **Reply #1 on:** February 19, 2015, 02:19:48 AM »

Subscriber Alert

Image Link: http://imgur.com/Qi6cYVd
Font Style/Link: Eras Bold ITC or Arial ; Text size a little smaller than the "MVP" 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? (Subscriber Name) Below the Image
Example (If applicable):
Anything else?:

TheNumbLock · « **Reply #2 on:** February 19, 2015, 03:26:59 AM »

Quote from: Gibbs on February 19, 2015, 02:19:48 AM

Subscriber Alert

Image Link: http://imgur.com/Qi6cYVd
Font Style/Link: Eras Bold ITC or Arial ; Text size a little smaller than the "MVP" 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? (Subscriber Name) Below the Image
Example (If applicable):
Anything else?:

Does this work? If not, I can look for a font that matches the MVP as best as I can.

Requested by: Gibbs

Subscriber:

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

CSS Code:

Code: [Select]

#sub-notification {
  display: none;
  position: absolute;
  top: 0px;
  left: 0px;
  width: 420px !important;
  height: 341px !important;
  background-repeat: no-repeat;
  background-image: url('http://i.imgur.com/Qi6cYVd.png') !important;
  background-position-y: 0px;
}
#sub-notification .subname {
position: absolute !important;
	text-align: center !important;
	margin-top: 200px !important;
	margin-left: 50px !important;
	margin-right: 180px !important;
	width: 300px !important;
	font-size: 50px !important;
	font-weight: normal !important;
	font-family: impact !important;
	color: yellow !important;
}

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

Gibbs · « **Reply #3 on:** February 19, 2015, 06:09:30 AM »

Looks great man! Thanks!

porgeland · « **Reply #4 on:** February 19, 2015, 06:20:15 AM »

Follower Alert

Image Link:http://imgur.com/gallery/EOnFUNT
Font Style/Link: bold arial
Font Color: white
Any text fill/boarder?: no
Marquee/Scroll Effect?:no
Where do you want text located? (Follower Name): on bottom
Example (If applicable):
Anything else?:

porgeland · « **Reply #5 on:** February 19, 2015, 06:25:54 AM »

Donation Alert

Image Link:http://imgur.com/gallery/VAfLNHd
Font Style/Link: Arial Bold
Font Color: Black
Any text fill/boarder?:no
Marquee/Scroll Effect?:no
Currency Type: usd
Where do you want text located?(Donator Name, Donation Amount, Message) all on bottom
Example (If applicable):Porgeland $20.00 thank you for a good stream!
Anything else?:

TheNumbLock · « **Reply #6 on:** February 19, 2015, 12:45:05 PM »

Requested by: Porgeland

Follower:

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

CSS Code:

Code: [Select]

#follow-notification {
	display: none;
	position: absolute;
	top: 0px;
	left: 0px;
	width: 210px !important;
	height: 210px !important;
	border-radius: 00px !important;
	background-image: url('http://i.imgur.com/EOnFUNT.gif') !important;
	background-repeat: no-repeat;
}
#follow-notification .followname {
position: absolute !important;
	text-align: center !important;
	margin-top: 150px !important;
	margin-left: 10px !important;
	margin-right: 50px !important;
	width: 0px !important;
	font-size: 30px !important;
	font-weight: bold !important;
	font-family: arial !important;
	color: white !important;
}

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

Donation:

Link: http://deepbot.tv/notifications/donationnotification2.htm
Width: 450
Height: 270

CSS Code:

Code: [Select]

#donor-notification {
width: 390px !important;
height: 219px !important;
background-color: transparent !important;
background-image:url('http://i.imgur.com/VAfLNHd.gif') !important;
background-repeat: no-repeat !important;
background-size: initial !important;
}


#donor-notification .header {
position: absolute !important;
visibility: hidden !important;
}

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

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

#donor-notification .amount {
position: absolute !important;
	text-align: center !important;
	margin-top: 110px !important;
	margin-left: 140px !important;
	margin-right: 100px !important;
	width: 300px !important;
	font-size: 30px !important;
	font-weight: bold !important;
	font-family: Arial !important;
	color: black !important;
}

#donor-notification .donor {
position: absolute !important;
	text-align: center !important;
	margin-top: 110px !important;
	margin-left: -120px !important;
	margin-right: 100px !important;
	width: 500px !important;
	font-size: 30px !important;
	font-weight: bold !important;
	font-family: Arial !important;
	color: black !important;
}

.donor:after {

content: " - " ;

}

#donor-notification .title {
padding-top: 44px !important;
margin-left: 0px !important;
width: 100% !important;
float: left !important;
text-align: left !important;
}

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

Mangetank · « **Reply #7 on:** February 22, 2015, 07:50:14 PM »

Donation Alert

Image Link:http://imgur.com/zU4lwrd
Font Style/Link: Name in Blockt ->http://www.dafont.com/blockt.font and normal text in a normal easy read Windows font
Font Color: Orange
Any text fill/boarder?:
Marquee/Scroll Effect?:
Currency Type: dollar
Where do you want text located?(Donator Name, Donation Amount, Message) Name with amount next to it, with text below it and i would like it to be on the left side of Edd
Example (If applicable):
Anything else?: Nope that pretty much it

Thanks in advance will you send me this in my Forum messages? it would be nice if you did... Thanks alot!

blindrungaming · « **Reply #8 on:** March 08, 2015, 01:32:27 AM »

Image Link: http://www.blindrungaming.com/wp-admin/upload.php?item=1532
Font Style/Link: http://www.google.com/fonts/specimen/Black+Ops+One
Font Color:black
Any text fill/boarder?:no
Marquee/Scroll Effect?:left to right
Where do you want text located? (Subscriber Name)
Example (If applicable):
Anything else?:

Ultimacetv · « **Reply #9 on:** March 09, 2015, 10:36:18 PM »

Follower Alert

Image Link: http://users.telenet.be/dennis/new%20follower.png
Font Style/Link: http://www.dafont.com/all-ages.font
Font Color: #af0202
Any text fill/boarder?: none
Marquee/Scroll Effect?: none
Where do you want text located? (Follower Name): in the middle below the image
Example (If applicable):
Anything else?: transparent background

TheNumbLock · « **Reply #10 on:** March 10, 2015, 04:26:04 AM »

Quote from: blindrungaming on March 08, 2015, 01:32:27 AM

Image Link: http://www.blindrungaming.com/wp-admin/upload.php?item=1532
Font Style/Link: http://www.google.com/fonts/specimen/Black+Ops+One
Font Color:black
Any text fill/boarder?:no
Marquee/Scroll Effect?:left to right
Where do you want text located? (Subscriber Name)
Example (If applicable):
Anything else?:

I need to login to see the pic, try uploading somewhere else, like imgur.

TheNumbLock · « **Reply #11 on:** March 10, 2015, 04:49:05 AM »

Quote from: Ultimacetv on March 09, 2015, 10:36:18 PM

Follower Alert

Image Link: http://users.telenet.be/dennis/new%20follower.png
Font Style/Link: http://www.dafont.com/all-ages.font
Font Color: #af0202
Any text fill/boarder?: none
Marquee/Scroll Effect?: none
Where do you want text located? (Follower Name): in the middle below the image
Example (If applicable):
Anything else?: transparent background

Also, to get the font to work, you have to click here: http://www.mediafire.com/download/b4ti8gmh1jft92a/AllAgesDEMO.ttf Then right click and copy download link on the download button, and paste it the CSS where it says InsertDownloadLinkHere

Requested by: Ultimacetv

Follower:

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

CSS Code:

Code: [Select]

@font-face { 
font-family: "All Ages"; 
src: url("InsertDownloadLinkHere"); 
}

#follow-notification {
	display: none;
	position: absolute;
	top: 100px;
	left: 50%;
	width: 560px !important;
	height: 150px !important;
	border-radius: 00px !important;
	background-image: url('http://i.imgur.com/rWzw5jM.png') !important;
	background-repeat: no-repeat;
	overflow: hidden !important;
}

#follow-notification .followname {
	margin-top: 50px !important;
	margin-left: 125px !important;
	text-align: center !important;
	width: 300px !important;
	font-size: 44px !important;
	font-weight: normal !important;
	font-family: All Ages !important;
	color: #af0202 !important;
}

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

Ultimacetv · « **Reply #12 on:** March 10, 2015, 06:08:17 AM »

thanks allot, its working

greets

Ultimace

Surrenderat20PLZ · « **Reply #13 on:** March 10, 2015, 09:38:04 PM »

Follower Alert

Code: [Select]

Image Link: http://imgur.com/qT5k62w
Font Style/Link: Arial Bold
Font Color: White
Any text fill/boarder?: White Text fill
Marquee/Scroll Effect?: No
Where do you want text located? (Follower Name): In the box

Donation Alert

Code: [Select]

Image Link: http://imgur.com/nYrVyEg
Font Style/Link: Arial Bold
Font Color: White
Any text fill/boarder?: White
Marquee/Scroll Effect?: Yes, for donation message
Currency Type: $
Where do you want text located?(Donator Name, Donation Amount, Message): Donator name in top box with donation amount and scrolling donation message in bottom box

Subscriber Alert

Code: [Select]

Image Link: http://imgur.com/rJ3DTAr
Font Style/Link: Arial bold
Font Color: White
Any text fill/boarder?: White
Marquee/Scroll Effect?: No
Where do you want text located? (Subscriber Name) In the box

HeyItsMerkk · « **Reply #14 on:** March 15, 2015, 01:19:45 AM »

Follower Alert
Image Link: http://imgur.com/2o7L06A
Font Style/Link: Arial Black
Font Color: White
Any Text Fill/Border?: No
Where do you want text located?: In the middle.
Example: http://imgur.com/2sq3UCN
Anything else?: No

Deep Bot - Twitch Streamer Assistant

News:

Author Topic: Custom Notification WorkShop (Read 262223 times)

TheNumbLock

Custom Notification WorkShop

Gibbs

Re: Custom Notification WorkShop

TheNumbLock

Re: Custom Notification WorkShop

Gibbs

Re: Custom Notification WorkShop

porgeland

Re: Custom Notification WorkShop

porgeland

Re: Custom Notification WorkShop

TheNumbLock

Re: Custom Notification WorkShop

Mangetank

Re: Custom Notification WorkShop

blindrungaming

Re: Custom Notification WorkShop

Ultimacetv

Re: Custom Notification WorkShop

TheNumbLock

Re: Custom Notification WorkShop

TheNumbLock

Re: Custom Notification WorkShop

Ultimacetv

Re: Custom Notification WorkShop

Surrenderat20PLZ

Re: Custom Notification WorkShop

HeyItsMerkk

Re: Custom Notification WorkShop