Author Topic: Custom Notification WorkShop  (Read 223107 times)

0 Members and 1 Guest are viewing this topic.

Haxxident

  • Youngling
  • *
  • Posts: 16
  • Karma: +0/-0
    • View Profile
  • Twitch Name: Haxxident
Re: Custom Notification WorkShop
« Reply #135 on: July 03, 2015, 06:54:59 AM »
Follower Alert

Image Link: http://i.imgur.com/630jVku.png
Font Style/Link: http://cooltext.com/Logo-Design-Skate
Font Color: Start and end colors #FFFFFF
Any text fill/boarder?:
Where do you want text located? (Follower Name): Above "is Following"
Example (If applicable):
Anything else?: If possible username to fill in entire space above "is following" and this is for Xsplit.

TheNumbLock

  • Advisor
  • Councilor
  • **
  • Posts: 4776
  • Karma: +137/-5
    • View Profile
  • Twitch Name: TheNumbLock
Re: Custom Notification WorkShop
« Reply #136 on: July 03, 2015, 07:17:40 AM »
Requested by: Haxxident

Follower:

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

CSS Code:
Code: [Select]
@font-face {
font-family: "Capture";
src: url("http://download24.mediafire.com/3l8l27wo88fg/r0c522bplvjdl48/Capture_it.ttf");
}

#follow-notification {
display: none;
position: absolute;
width: 350px !important;
height: 129px !important;
background-image: url("http://i.imgur.com/630jVku.png") !important;
background-repeat: no-repeat;
}
#follow-notification .followname {
position: absolute !important;
margin-top: 20px !important;
margin-left: 175px !important;
width: 100px !important;
font-size: 18px !important;
font-weight: bold !important;
font-family: Capture !important;
color: blue !important;
-webkit-text-fill-color: #FFFFFF;
}

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

NeebsGaming

  • Youngling
  • *
  • Posts: 2
  • Karma: +0/-0
    • View Profile
  • Twitch Name: neebsgaming
Re: Custom Notification WorkShop
« Reply #137 on: July 04, 2015, 04:25:32 AM »
Follower Alert

Image Link: http://imgur.com/ux2Tjza
Font Style/Link: Huxtable or Impact if "Hux" is unavailable.
Font Color: White
Any text fill/boarder?:No
Where do you want text located? (Follower Name): Centered below the text!
Example (If applicable):
Anything else?: Nope Thank You!


Donation Alert

Image Link: http://imgur.com/EXlWuhu
Font Style/Link: Huxtable or Impact if "Hux" is unavailable.
Font Color: White
Any text fill/boarder?: No
Currency Type: USD
Where do you want text located?(Donator Name, Donation Amount, Message) Centered below the text!
Example (If applicable):
Anything else?:  Nope Thank You!


Subscriber Alert

Image Link: http://imgur.com/8tOJ4Vk
Font Style/Link: Huxtable or Impact if "Hux" is unavailable.
Font Color: White
Any text fill/boarder?: No
Where do you want text located? (Subscriber Name) Centered below the text!
Example (If applicable):
Anything else?:  Nope Thank You!

TheNumbLock

  • Advisor
  • Councilor
  • **
  • Posts: 4776
  • Karma: +137/-5
    • View Profile
  • Twitch Name: TheNumbLock
Re: Custom Notification WorkShop
« Reply #138 on: July 04, 2015, 09:01:54 AM »
Requested by: NeebsGaming

Follower:

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

CSS Code:
Code: [Select]
#follow-notification {
display: none;
position: absolute;
width: 779px !important;
height: 209px !important;
background-image: url('http://i.imgur.com/ux2Tjza.png') !important;
background-repeat: no-repeat;
}
#follow-notification .followname {
position: absolute !important;
margin-top: 55px !important;
margin-left: 275px !important;
width: 100px !important;
font-size: 40px !important;
font-weight: normal !important;
font-family: Impact !important;
color: blue !important;
-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: 250

CSS Code:
Code: [Select]
#donor-notification {
width: 779px !important;
height: 209px !important;
background-color: transparent !important;
background-image:url('http://i.imgur.com/EXlWuhu.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 {
visibility: hidden !important;
}
#donor-notification .amount {
position: absolute !important;
margin-top: 55px !important;
margin-left: -25px !important;
width: 100px !important;
font-size: 40px !important;
font-weight: normal !important;
font-family: Impact !important;
color: blue !important;
-webkit-text-fill-color: white;
}
#donor-notification .donor {
position: absolute !important;
margin-top: 55px !important;
width: 300px !important;
margin-left: -100px !important;
font-size: 40px !important;
font-weight: normal !important;
font-family: Impact !important;
color: blue !important;
-webkit-text-fill-color: white;
}

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




Subscriber:

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

CSS Code:
Code: [Select]
#sub-notification {
width: 779px !important;
height: 209px !important;
background-color: transparent !important;
background-image:url('http://i.imgur.com/8tOJ4Vk.png') !important;
background-repeat: no-repeat !important;
background-size: initial !important;
}
#sub-notification .subname {
position: absolute !important;
text-align: left !important;
margin-top: -80px !important;
margin-left: 280px !important;
font-size: 40px !important;
text-transform: capitalize;
font-weight: normal !important;
font-family: Impact !important;
color: blue !important;
  text-shadow: 2px 2px 1px #000;
  -webkit-text-fill-color: white;
-webkit-text-stroke-width: 0px;
-webkit-text-stroke-color: black;
}

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

headhunter3222

  • Youngling
  • *
  • Posts: 5
  • Karma: +0/-0
    • View Profile
  • Twitch Name: headhunter3222
Re: Custom Notification WorkShop
« Reply #139 on: July 04, 2015, 06:52:43 PM »
Hey can u help me with 2 popups for me.

Follower Alert

Image Link: http://i.imgur.com/TSRekMy.png
Font Style/Link: I let the artis in u decide
Font Color: White
Any text fill/boarder?: nope
Where do you want text located? (Follower Name): in the middle of the black box
Example (If applicable): nope
Anything else?: nope

Donation Alert

Image Link: http://i.imgur.com/gGeNA4m.png
Font Style/Link: I let the artis in u decide
Font Color: White
Any text fill/boarder?: Nope
Currency Type: Euro
Where do you want text located?(Donator Name, Donation Amount, Message) in the middle of the black box only name and amount
Example (If applicable): nope
Anything else?: nope

thnx for in advance

TheNumbLock

  • Advisor
  • Councilor
  • **
  • Posts: 4776
  • Karma: +137/-5
    • View Profile
  • Twitch Name: TheNumbLock
Re: Custom Notification WorkShop
« Reply #140 on: July 05, 2015, 12:50:12 AM »
Requested by: headhunter3222

Follower:

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

CSS Code:
Code: [Select]
#follow-notification {
display: none;
position: absolute;
width: 580px !important;
height: 155px !important;
background-image: url("http://i.imgur.com/TSRekMy.png") !important;
background-repeat: no-repeat;
}
#follow-notification .followname {
position: absolute !important;
margin-top: 35px !important;
margin-left: 210px !important;
width: 100px !important;
font-size: 30px !important;
font-weight: normal !important;
font-family: Impact !important;
color: blue !important;
-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?ccy=%E2%82%AC
Width: 600
Height: 200

CSS Code:
Code: [Select]
#donor-notification {
width: 580px !important;
height: 155px !important;
background-color: transparent !important;
background-image:url("http://i.imgur.com/gGeNA4m.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 {
visibility: hidden !important;
}
#donor-notification .amount {
position: absolute !important;
margin-top: 35px !important;
margin-left: -65px !important;
width: 100px !important;
font-size: 26px !important;
font-weight: normal !important;
font-family: Impact !important;
color: blue !important;
-webkit-text-fill-color: white;
}
#donor-notification .donor {
position: absolute !important;
margin-top: 35px !important;
width: 300px !important;
margin-left: -70px !important;
font-size: 26px !important;
font-weight: normal !important;
font-family: Impact !important;
color: blue !important;
-webkit-text-fill-color: white;
}

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

« Last Edit: July 07, 2015, 12:26:08 AM by RepentGamingTV »
Old Name: RepentGamingTV
Twitch: Here

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

binksternl

  • Youngling
  • *
  • Posts: 4
  • Karma: +0/-0
    • View Profile
  • Twitch Name: BinkSterNL
Re: Custom Notification WorkShop
« Reply #141 on: July 05, 2015, 11:33:02 AM »
hello could you check mine out if you have the time
i have a follower and donation notification made so it falls over my actual overlay hopefully it works,
on the donation notification i just want the amount of the donation under the donation hype thing, hopefully it could be in the same color.
link to the donation notification is:

http://imgur.com/S1pAQtR

Follower notification i want the name off the follower under the text as well, hopefully it can be in the same text wich is georgia and be about the same color
link to the follow notification is:

http://imgur.com/PFck3Vq

thank you for your time!

TheNumbLock

  • Advisor
  • Councilor
  • **
  • Posts: 4776
  • Karma: +137/-5
    • View Profile
  • Twitch Name: TheNumbLock
Re: Custom Notification WorkShop
« Reply #142 on: July 05, 2015, 01:47:40 PM »
Requested by:

Follower:

Link: http://deepbot.tv/notifications/follownotification1.htm
Width: 1920
Height: 1080

CSS Code:
Code: [Select]
#follow-notification {
display: none;
position: absolute;
width: 1920px !important;
height: 1080px !important;
background-image: url('http://i.imgur.com/PFck3Vq.png') !important;
background-repeat: no-repeat;
}
#follow-notification .followname {
position: absolute !important;
margin-top: 1000px !important;
margin-left: 830px !important;
width: 100px !important;
font-size: 40px !important;
font-weight: bold !important;
font-family: georgia !important;
color: blue !important;
-webkit-text-fill-color: #8f887f;
-webkit-text-stroke-color: black;
-webkit-text-stroke-width: 1px;
}

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




Donation:

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

CSS Code:
Code: [Select]
#donor-notification {
width: 1920px !important;
height: 1080px !important;
background-color: transparent !important;
background-image:url('http://i.imgur.com/S1pAQtR.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 {
visibility: hidden !important;
}
#donor-notification .amount {
position: absolute !important;
margin-top: 35px !important;
margin-left: -45px !important;
width: 100px !important;
font-size: 36px !important;
font-weight: bold !important;
font-family: georgia !important;
color: blue !important;
-webkit-text-fill-color: #8f887f;
-webkit-text-stroke-color: black;
-webkit-text-stroke-width: 1px;
}
#donor-notification .donor {
position: absolute !important;
margin-top: 35px !important;
width: 300px !important;
margin-left: -110px !important;
font-size: 36px !important;
font-weight: bold !important;
font-family: georgia !important;
color: blue !important;
-webkit-text-fill-color: #8f887f;
-webkit-text-stroke-color: black;
-webkit-text-stroke-width: 1px;
}

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

headhunter3222

  • Youngling
  • *
  • Posts: 5
  • Karma: +0/-0
    • View Profile
  • Twitch Name: headhunter3222
Re: Custom Notification WorkShop
« Reply #143 on: July 06, 2015, 08:16:57 PM »
man realy thnx for the help

headhunter3222

  • Youngling
  • *
  • Posts: 5
  • Karma: +0/-0
    • View Profile
  • Twitch Name: headhunter3222
Re: Custom Notification WorkShop
« Reply #144 on: July 07, 2015, 12:24:41 AM »
Repent can i ask u 1 more time for your help.

Obs is lagging mutch for me for some reason can u also make this code for xplit css

thnx if u can still thnx if not.

TheNumbLock

  • Advisor
  • Councilor
  • **
  • Posts: 4776
  • Karma: +137/-5
    • View Profile
  • Twitch Name: TheNumbLock
Re: Custom Notification WorkShop
« Reply #145 on: July 07, 2015, 12:26:22 AM »
Repent can i ask u 1 more time for your help.

Obs is lagging mutch for me for some reason can u also make this code for xplit css

thnx if u can still thnx if not.

Converted the post above to xsplit css.
Old Name: RepentGamingTV
Twitch: Here

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

headhunter3222

  • Youngling
  • *
  • Posts: 5
  • Karma: +0/-0
    • View Profile
  • Twitch Name: headhunter3222
Re: Custom Notification WorkShop
« Reply #146 on: July 07, 2015, 12:40:03 AM »
thnx man u are a hero

binksternl

  • Youngling
  • *
  • Posts: 4
  • Karma: +0/-0
    • View Profile
  • Twitch Name: BinkSterNL
Re: Custom Notification WorkShop
« Reply #147 on: July 07, 2015, 07:25:56 AM »
thnx for making this but it only shows me a weird scrolling bar on the follow notification and nothing on the screen with donation notifications, your doing great work though for everybody else dude thanks for doing this for all of us!

TheNumbLock

  • Advisor
  • Councilor
  • **
  • Posts: 4776
  • Karma: +137/-5
    • View Profile
  • Twitch Name: TheNumbLock
Re: Custom Notification WorkShop
« Reply #148 on: July 07, 2015, 07:27:49 AM »
thnx for making this but it only shows me a weird scrolling bar on the follow notification and nothing on the screen with donation notifications, your doing great work though for everybody else dude thanks for doing this for all of us!

Increase the dimensions by 100 on the general tab of the CLR Browser
Old Name: RepentGamingTV
Twitch: Here

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

binksternl

  • Youngling
  • *
  • Posts: 4
  • Karma: +0/-0
    • View Profile
  • Twitch Name: BinkSterNL
Re: Custom Notification WorkShop
« Reply #149 on: July 07, 2015, 07:34:19 AM »
dude i'm sorry it was on my end! awesome job!!!
i forgot to put the dimensions to 1920/1080  :o
thanks a lot!