Author Topic: Custom Notification WorkShop (Read 262067 times)

linkbreit · « **Reply #225 on:** October 17, 2015, 03:41:50 AM »

Hi! i'm more than willing to pay for the alerts since i know you are probably busy, i need a teemo themed alert if u could contact me Via PM i'll give u the details u need

WaKe_BiGReD · « **Reply #226 on:** October 18, 2015, 09:04:15 AM »

Hey Yall,
Do yall know anyone good with css i need so cool alerts made for twitch? My computer crashed and i lost all my streaming stuff!!! It sucks so i'm trying to get back up and going...
Thanks BigRed

TheNumbLock · « **Reply #227 on:** October 19, 2015, 02:41:51 AM »

Quote from: WaKe_BiGReD on October 18, 2015, 09:04:15 AM

Hey Yall,
Do yall know anyone good with css i need so cool alerts made for twitch? My computer crashed and i lost all my streaming stuff!!! It sucks so i'm trying to get back up and going...
Thanks BigRed

Just need images, and I can do the css

WaKe_BiGReD · « **Reply #228 on:** October 22, 2015, 03:29:47 AM »

Ok... so I'm new to this want format do u want them in and i was looking for something like my layout

WaKe_BiGReD · « **Reply #229 on:** October 22, 2015, 04:03:36 AM »

http://i.giphy.com/nNxT5qXR02FOM.gif Donation alert
http://i.giphy.com/2alKkyRFPKRSU.gif Follower alert

TheNumbLock · « **Reply #230 on:** October 22, 2015, 04:15:55 AM »

Requested by: WaKe_BiGReD

Follower:

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

CSS Code:

Code: [Select]

#follow-notification {
display: none;
position: absolute;
top: 0px !important;
width: 237px !important;
height: 185px !important;
border-radius: 00px !important;
background-image: url('http://i.giphy.com/2alKkyRFPKRSU.gif') !important;
background-repeat: no-repeat;
}
#follow-notification .followname {
position: absolute !important;
text-align: center !important;
margin-top: 155px !important;
margin-left: -40px !important;
font-size: 24px !important;
font-weight: normal !important;
font-family: impact !important;
color: #ffffff !important;
text-transform: capitalize;
-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.)

Donation:

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

CSS Code:

Code: [Select]

#donor-notification {
position: absolute;
left: 0px !important;
width: 250px !important;
height: 208px !important;
background-repeat: no-repeat;
background-size: contain !important;
background-image: url('http://i.giphy.com/nNxT5qXR02FOM.gif') !important;
overflow: ahidden !important;
}
#donor-notification .header {
visibility: hidden !important;
}

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

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

#donor-notification .message {
visibility: hidden !important;
}
#donor-notification .amount {
position: absolute;
margin-top: 200px !important;
margin-left: -220px !important;
width: 250px !important;
padding-top: 0px !important;
text-align: center !important;
font-size: 30px !important;
font-family: Impact !important;
color: white !important;
-webkit-text-stroke: 1px;
-webkit-text-stroke-color: black
}
#donor-notification .donor {
position: absolute;
margin-top: 170px !important;
margin-left: -60px !important;
width: 300px !important;
text-align: center !important;
font-size: 30px !important;
font-family: Impact !important;
color: white !important;
-webkit-text-stroke: 1px;
-webkit-text-stroke-color: black
}

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

WaKe_BiGReD · « **Reply #231 on:** October 22, 2015, 07:41:56 AM »

omg That is BA thank u so much man

stahhh · « **Reply #232 on:** October 23, 2015, 03:20:01 AM »

Follower Alert

Image Link: http://imgur.com/M470W9c
Font Style/Link: https://www.google.com/fonts#QuickUsePlace:quickUse/Family:Dhurjati *** Or if you can find it (I couldn't), a Duke Nukem similar font
Font Color: Faded Orange (like the Duke Nukem logo)
Any text fill/boarder?:
Where do you want text located? (Follower Name): To the right of the image, just the follower's name. You can shrink the image down a little bit if you'd like, it doesn't have to be at the given size.
Example (If applicable): As already requested, just making the font as close to the Duke Nukem logo as possible
Anything else?:

Donation Alert

Image Link: http://imgur.com/9LrBTPx
Font Style/Link: https://www.google.com/fonts#QuickUsePlace:quickUse/Family:Dhurjati *** Or if you can find it (I couldn't), a Duke Nukem similar font
Font Color: Donator Name, same as the Follower Alert.. as close to Duke Nukem logo as possible. The donate message can just be plain white text with black shadow/border for easy reading on any background
Any text fill/boarder?:
Currency Type: USD$
Where do you want text located?(Donator Name, Donation Amount, Message): To the right of the image. Donator Name / Amount on top, Message (centered) below it. Same as the follower alert, You can shrink down the image a little bit if you'd like.
Example (If applicable):
Anything else?: Also if you could, now that I look at the image.. could you crop the image down to just the stripper and hand/money?

TheNumbLock · « **Reply #233 on:** October 23, 2015, 06:42:55 AM »

Download and install this font on your pc: http://www.mediafire.com/download/ld390jv4y83v2gj/Dhurjati-Regular.ttf

If you need anything adjusted, let me know.

Requested by: stahhh

Follower:

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

CSS Code:

Code: [Select]

@font-face {
font-family: 'Dhurjati';
src:local('Dhurjati-Regular'),
    local('Dhurjati-Regular'),
    local('Dhurjati-Regular.ttf'),
    url('Dhurjati-Regular.ttf');
}

#follow-notification {
display: none;
position: absolute;
top: 0px !important;
width: 200px !important;
height: 200px !important;
border-radius: 00px !important;
background-image: url('http://i.imgur.com/M470W9c.gif') !important;
background-repeat: no-repeat;
}
#follow-notification .followname {
position: absolute !important;
text-align: center !important;
margin-top: 40px !important;
margin-left: 230px !important;
font-size: 50px !important;
font-weight: normal !important;
font-family: Dhurjati !important;
color: #ffffff !important;
text-transform: capitalize;
-webkit-text-fill-color: orange;
-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: 800
Height: 260

CSS Code:

Code: [Select]

@font-face {
font-family: 'Dhurjati';
src:local('Dhurjati-Regular'),
    local('Dhurjati-Regular'),
    local('Dhurjati-Regular.ttf'),
    url('Dhurjati-Regular.ttf');
}

#donor-notification {
position: absolute;
left: 0px !important;
width: 320px !important;
height: 240px !important;
background-repeat: no-repeat;
background-size: contain !important;
background-image: url('http://i.imgur.com/u1jCuus.png') !important;
overflow: ahidden !important;
}
#donor-notification .header {
visibility: hidden !important;
}

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

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

#donor-notification .message {
position: absolute;
margin-top: 90px !important;
margin-left: 350px !important;
width: 400px !important;
padding-top: 0px !important;
text-align: center !important;
text-transform: capitalize;
line-height: 70% !important;
font-size: 30px !important;
font-family: Dhurjati !important;
color: white !important;
-webkit-text-stroke: 1px;
-webkit-text-stroke-color: black
}
#donor-notification .amount {
position: absolute;
margin-top: 0px !important;
margin-left: 270px !important;
width: 250px !important;
padding-top: 0px !important;
text-align: center !important;
font-size: 30px !important;
font-family: Dhurjati !important;
color: orange !important;
-webkit-text-stroke: 0px;
-webkit-text-stroke-color: black
}
#donor-notification .donor {
position: absolute;
margin-top: 0px !important;
margin-left: 260px !important;
width: 300px !important;
text-align: center !important;
text-transform: capitalize;
font-size: 30px !important;
font-family: Dhurjati !important;
color: orange !important;
-webkit-text-stroke: 0px;
-webkit-text-stroke-color: black
}

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

Geneth · « **Reply #234 on:** October 31, 2015, 10:37:13 PM »

Follower Alert

Image Link: http://www.directupload.net/file/d/4157/7ekult4r_png.htm
Font Style/Link: Lucida Console (Or something similar)
Font Color:orange
Any text fill/boarder?: none
Where do you want text located? (Follower Name): under the Picture
Example (If applicable):
Anything else?:

Subscriber Alert

Image Link: http://www.directupload.net/file/d/4157/5ohbk8nb_png.htm
Font Style/Link: Lucida Console (Or something similar)
Font Color:orange
Any text fill/boarder?: none
Where do you want text located? (Subscriber Name) In the say Text under the Picture
Example (If applicable):
Anything else?: Can you make it say, "Willkommen bei den flauschigen Waakie's @user@!'' under the Picture

Thanks and keep the good work up

TheNumbLock · « **Reply #235 on:** November 01, 2015, 01:10:33 AM »

Requested by: Geneth

Follower:

Link: http://deepbot.tv/notifications/follownotification1.htm?dur=10000
Width: 600
Height: 400

CSS Code:

Code: [Select]

#follow-notification {
display: none;
position: absolute;
top: 0px !important;
left: 50px !important;
width: 224px !important;
height: 224px !important;
border-radius: 00px !important;
background-image: url('http://fs5.directupload.net/images/151031/7ekult4r.png') !important;
background-repeat: no-repeat;
}
#follow-notification .followname {
position: absolute !important;
text-align: center !important;
margin-top: 210px !important;
margin-left: -40px !important;
font-size: 30px !important;
font-weight: bold !important;
font-family: Lucida Console !important;
color: #ffffff !important;
text-transform: capitalize;
-webkit-text-fill-color: orange;
-webkit-text-stroke-color: white;
-webkit-text-stroke-width: 0px;
text-shadow: 1px !important;
}

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

Subscriber:

Link: http://deepbot.tv/notifications/subnotification3.htm
Width: 600
Height: 400

CSS Code:

Code: [Select]

body {
    background-color: transparent;
    color: white;
}
#sub-notification {
  display: none;
  position: absolute;
  top: 0px;
  left: 80px !important;
  width: 224px !important;
  height: 224px !important;
  background-repeat: no-repeat;
  background-image: url('http://fs5.directupload.net/images/151031/5ohbk8nb.png') !important;
  background-position-y: 0px;
}
#resub-notification {
  display: none;
  position: absolute;
  top: 0px;
  left: 80px !important;
  width: 224px !important;
  height: 224px !important;
  background-repeat: no-repeat;
  background-image: url('http://fs5.directupload.net/images/151031/5ohbk8nb.png') !important;
  background-position-y: 0px;;
}
.subname {
margin-left: -70px !important;
  margin-top: 230px !important;
  padding-top: 0px !important;
  width: 400px !important;
  text-align: center !important;
  line-height: 25px !important;
  font-size: 30px !important;
  font-weight: bold !important;
  font-family: Lucida Console !important;
  color: Orange !important;
  -webkit-text-stroke: 0.0px;
  -webkit-text-stroke-color: #8a0823;
}

.subname:before {
content: 'Willkommen bei den flauschigen Waakies ' !important;
}

.months {
visibility: hidden !important;
}

.months:after {
visibility: hidden !important;
}

.badge {
visibility: hidden !important;
}

@-webkit-keyframes rot {
    from {
        -webkit-transform: rotate(0deg) translate(-30px) rotate(0deg);
    }
    to {
        -webkit-transform: rotate(360deg) translate(-30px) rotate(-360deg);
    }
}

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

nielsene90 · « **Reply #236 on:** December 15, 2015, 01:43:19 PM »

Follower Alert

Image Link: http://i.imgur.com/IWtlM61.png
Font Style/Link: Eras Bold ITC
Font Color: Same as text in image (Darkblue)
Any text fill/boarder?: Instructions via Arctomian: Beveled with a 2pt Black Stroke
Where do you want text located? (Follower Name): In the steel part
Example (If applicable):
Anything else?:

Donation Alert

Image Link: http://i.imgur.com/w0qkBly.png
Font Style/Link: Eras Bold ITC
Font Color: Same as text in image (Dark Blue)
Any text fill/boarder?: Instructions via Arctomian: Beveled with a 2pt Black Stroke
Currency Type: USD
Where do you want text located?(Text Options: Donator Name, Donation Amount, Message) In the Steel section with Donator Name and Donation Amount
Example (If applicable):
Anything else?:

grrlgeek42 · « **Reply #237 on:** December 27, 2015, 06:29:10 PM »

Follower Alert

Image Link: http://imgur.com/Vx3qSUw
Font Style/Link: Century Gothic
Font Color: White
Any text fill/boarder?:
Where do you want text located? (Follower Name): in the gray bar in the center
Example (If applicable):
Anything else?:

Donation Alert

Image Link: http://imgur.com/QAwsk1J
Font Style/Link: Century Gothic
Font Color: White
Any text fill/boarder?:
Currency Type: USD
Where do you want text located?(Text Options: Donator Name, Donation Amount, Message) In the gray area with just name and amount
Example (If applicable):
Anything else?:

StampedAurean · « **Reply #238 on:** December 31, 2015, 05:57:52 PM »

I will be using these in XSplit if that matters at all.

Follower Alert

Image Link: http://imgur.com/J0R3U01
Font Style/Link: Something bold and heavy
Font Color: White
Where do you want text located? (Follower Name): Name below image

Donation Alert

Image Link: http://imgur.com/14Em5qp
Font Style/Link: Something bold and heavy
Font Color: White
Currency Type: USD$
Where do you want text located?(Donator Name, Donation Amount, Message): Name above Amount on top of image - Message below image

Thank You!

maracineanu · « **Reply #239 on:** January 13, 2016, 04:21:29 AM »

Hello, I am Russian, I would like the tape that you added the ability to alert through the site http://www.donationalerts.ru/ What would the viewer at pozhartvovany extradited balls or VIP. automatically using this function http://c2n.me/3sPOG3D

Deep Bot - Twitch Streamer Assistant

News:

Author Topic: Custom Notification WorkShop (Read 262067 times)

linkbreit

Re: Custom Notification WorkShop

WaKe_BiGReD

Re: Custom Notification WorkShop

TheNumbLock

Re: Custom Notification WorkShop

WaKe_BiGReD

Re: Custom Notification WorkShop

WaKe_BiGReD

Re: Custom Notification WorkShop

TheNumbLock

Re: Custom Notification WorkShop

WaKe_BiGReD

Re: Custom Notification WorkShop

stahhh

Re: Custom Notification WorkShop

TheNumbLock

Re: Custom Notification WorkShop

Geneth

Re: Custom Notification WorkShop

TheNumbLock

Re: Custom Notification WorkShop

nielsene90

Re: Custom Notification WorkShop

grrlgeek42

Re: Custom Notification WorkShop

StampedAurean

Re: Custom Notification WorkShop

maracineanu

Re: Custom Notification WorkShop