Author Topic: Custom Notification WorkShop (Read 262260 times)

Haxxident · « **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 · « **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.)

NeebsGaming · « **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 · « **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.)

headhunter3222 · « **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 · « **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.)

binksternl · « **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 · « **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.)

headhunter3222 · « **Reply #143 on:** July 06, 2015, 08:16:57 PM »

man realy thnx for the help

headhunter3222 · « **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 · « **Reply #145 on:** July 07, 2015, 12:26:22 AM »

Quote from: headhunter3222 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.

Converted the post above to xsplit css.

headhunter3222 · « **Reply #146 on:** July 07, 2015, 12:40:03 AM »

thnx man u are a hero

binksternl · « **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 · « **Reply #148 on:** July 07, 2015, 07:27:49 AM »

Quote from: binksternl 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!

Increase the dimensions by 100 on the general tab of the CLR Browser

binksternl · « **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

thanks a lot!

Deep Bot - Twitch Streamer Assistant

News:

Author Topic: Custom Notification WorkShop (Read 262260 times)

Haxxident

Re: Custom Notification WorkShop

TheNumbLock

Re: Custom Notification WorkShop

NeebsGaming

Re: Custom Notification WorkShop

TheNumbLock

Re: Custom Notification WorkShop

headhunter3222

Re: Custom Notification WorkShop

TheNumbLock

Re: Custom Notification WorkShop

binksternl

Re: Custom Notification WorkShop

TheNumbLock

Re: Custom Notification WorkShop

headhunter3222

Re: Custom Notification WorkShop

headhunter3222

Re: Custom Notification WorkShop

TheNumbLock

Re: Custom Notification WorkShop

headhunter3222

Re: Custom Notification WorkShop

binksternl

Re: Custom Notification WorkShop

TheNumbLock

Re: Custom Notification WorkShop

binksternl

Re: Custom Notification WorkShop