Author Topic: Custom Notification WorkShop  (Read 88074 times)

0 Members and 1 Guest are viewing this topic.

TheNumbLock

  • Advisor
  • Councilor
  • **
  • Posts: 4776
  • Karma: +137/-5
    • View Profile
  • Twitch Name: TheNumbLock
Custom Notification WorkShop
« 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?:
« Last Edit: July 28, 2017, 05:18:44 AM by TheNumbLock »
Old Name: RepentGamingTV
Twitch: Here

Need help ASAP?
Join Deepbot's Discord: Discord.Deepbot.tv
Deepbot's Twitter: @DeepSupport

Gibbs

  • Youngling
  • *
  • Posts: 5
  • Karma: +0/-0
    • View Profile
  • Twitch Name: LoLGibbs
Re: Custom Notification WorkShop
« 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

  • Advisor
  • Councilor
  • **
  • Posts: 4776
  • Karma: +137/-5
    • View Profile
  • Twitch Name: TheNumbLock
Re: Custom Notification WorkShop
« Reply #2 on: February 19, 2015, 03:26:59 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.)


Old Name: RepentGamingTV
Twitch: Here

Need help ASAP?
Join Deepbot's Discord: Discord.Deepbot.tv
Deepbot's Twitter: @DeepSupport

Gibbs

  • Youngling
  • *
  • Posts: 5
  • Karma: +0/-0
    • View Profile
  • Twitch Name: LoLGibbs
Re: Custom Notification WorkShop
« Reply #3 on: February 19, 2015, 06:09:30 AM »
Looks great man! Thanks!

porgeland

  • Youngling
  • *
  • Posts: 3
  • Karma: +0/-0
    • View Profile
  • Twitch Name: porgeland
Re: Custom Notification WorkShop
« 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

  • Youngling
  • *
  • Posts: 3
  • Karma: +0/-0
    • View Profile
  • Twitch Name: porgeland
Re: Custom Notification WorkShop
« 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

  • Advisor
  • Councilor
  • **
  • Posts: 4776
  • Karma: +137/-5
    • View Profile
  • Twitch Name: TheNumbLock
Re: Custom Notification WorkShop
« 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.)

Old Name: RepentGamingTV
Twitch: Here

Need help ASAP?
Join Deepbot's Discord: Discord.Deepbot.tv
Deepbot's Twitter: @DeepSupport

Mangetank

  • Youngling
  • *
  • Posts: 2
  • Karma: +0/-0
    • View Profile
  • Twitch Name: mangetank
Re: Custom Notification WorkShop
« 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

  • Youngling
  • *
  • Posts: 2
  • Karma: +0/-0
    • View Profile
  • Twitch Name: blindrungaming
Re: Custom Notification WorkShop
« 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

  • Youngling
  • *
  • Posts: 7
  • Karma: +0/-0
    • View Profile
  • Twitch Name: UltimaceTV
Re: Custom Notification WorkShop
« 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

  • Advisor
  • Councilor
  • **
  • Posts: 4776
  • Karma: +137/-5
    • View Profile
  • Twitch Name: TheNumbLock
Re: Custom Notification WorkShop
« Reply #10 on: March 10, 2015, 04:26:04 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.
Old Name: RepentGamingTV
Twitch: Here

Need help ASAP?
Join Deepbot's Discord: Discord.Deepbot.tv
Deepbot's Twitter: @DeepSupport

TheNumbLock

  • Advisor
  • Councilor
  • **
  • Posts: 4776
  • Karma: +137/-5
    • View Profile
  • Twitch Name: TheNumbLock
Re: Custom Notification WorkShop
« Reply #11 on: March 10, 2015, 04:49:05 AM »
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.)

Old Name: RepentGamingTV
Twitch: Here

Need help ASAP?
Join Deepbot's Discord: Discord.Deepbot.tv
Deepbot's Twitter: @DeepSupport

Ultimacetv

  • Youngling
  • *
  • Posts: 7
  • Karma: +0/-0
    • View Profile
  • Twitch Name: UltimaceTV
Re: Custom Notification WorkShop
« Reply #12 on: March 10, 2015, 06:08:17 AM »
thanks allot, its working

greets

Ultimace

Surrenderat20PLZ

  • Youngling
  • *
  • Posts: 4
  • Karma: +0/-0
    • View Profile
  • Twitch Name: Surrenderat20PLZ
Re: Custom Notification WorkShop
« 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

  • Youngling
  • *
  • Posts: 3
  • Karma: +0/-0
    • View Profile
  • Twitch Name: az_merkk
Re: Custom Notification WorkShop
« 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