Messages

1

Custom Notifications / Re: Custom Notification WorkShop

« on: January 29, 2017, 06:41:06 AM »

im using Xsplit is there a diffrent way there because that looked so cool u are amazing :O

2

Custom Notifications / Re: Custom Notification WorkShop

« on: January 29, 2017, 06:30:34 AM »

im using the ones you posted
deepbot.tv/notifications/follownotification1.htm?dur=8000
deepbot.tv/notifications/donationnotification2.htm
and i implemented the css codes in each one.

but everytime i hit preview it gives me something thats not mine so wondering if the preview is sett to default images ?

3

Custom Notifications / Re: Custom Notification WorkShop

« on: January 29, 2017, 06:21:34 AM »

its showing other images when i hit the preview button on both donation & follower? i dont get it when i check my image links its the right ones but for some reason it shows a xbox loading follower notification and a crappy donations background picture. nothing like mine? am i doing something wrong or?

4

Custom Notifications / Re: Custom Notification WorkShop

« on: January 29, 2017, 01:25:54 AM »

thanks will try it out now

5

Custom Notifications / Re: Custom Notification WorkShop

« on: January 28, 2017, 05:05:32 PM »

yeah it should have both in there. But you know what, if you can make any type of cool animation that you know u can il be happy. I'm not going to ask for to much i'm just happy to get some help so if you could do that it would be wonderful

but i found this animation that maybe you could implement. il drop the link to it in here: http://codepen.io/anon/pen/bgYaRr

if you can't do that, any animations will be cool

6

Custom Notifications / Re: Custom Notification WorkShop

« on: January 27, 2017, 11:14:22 PM »

im posting the css code i have and if you could implement it with the pictures i want it would be epic and i only need the css text to show the name of the guy who followed or donated nothing more then the name since the pictures have New Follower & New Donation.

THE CSS CODE BELOW!

body { background-color: rgba(0, 0, 0, 0); margin: 0px auto; overflow: hidden; }html, body {  margin: 0;  padding: 0;}  #widget, #body, #alert-box, #wrap, #alert-text-wrap, #alert-text{  position: relative;  overflow: hidden;  width: 1920px;  height: 1080px;  top: 0;  left: 0;  opacity: 1;}#alert-box.hidden, .hidden {  opacity: 1;}#line {  width: 0;  height: 0;  position: absolute;  top: 400px;  left: 50%;  margin-left: 0;  display: block;  -webkit-transform: rotate(-5deg);          transform: rotate(-5deg);  opacity: 0;  -webkit-animation: lineIn 0.2s .6s forwards,              lineGrow 0.4s 1s forwards,             linehide 0.5s 6.7s forwards;          animation: lineIn 0.2s .6s forwards,              lineGrow 0.4s 1s forwards,             linehide 0.5s 6.7s forwards; }@-webkit-keyframes lineIn {  0% {width: 0; height: 0px;}  100% {width: 2200px; margin-left: -1100px; opacity: 1; height: 3px;}}@keyframes lineIn {  0% {width: 0; height: 0px;}  100% {width: 2200px; margin-left: -1100px; opacity: 1; height: 3px;}}@-webkit-keyframes lineGrow {  0% {}  100% {height: 200px; top: 300px;}}@keyframes lineGrow {  0% {}  100% {height: 200px; top: 300px;}}@-webkit-keyframes linehide {  0% {height: 200px;top: 300px;}  100% {height: 0px; top: 400px;}}@keyframes linehide {  0% {height: 200px;top: 300px;}  100% {height: 0px; top: 400px;}}#mainText {  text-align: center;  font-size: 100px;  width: 2200px;  display: block;  line-height: 100px;  text-indent: -3000px;  position: absolute;  top: 30px;  white-space: nowrap;  opacity: 0;  font-family: "BigNoodleTitling", sans-serif;  font-style: italic;  text-transform: uppercase;  display: block !important;  position: absolute !important;  -webkit-animation: textIn 0.4s 1.4s forwards,             textTravel 4.6s 1.8s linear forwards;          animation: textIn 0.4s 1.4s forwards,             textTravel 4.6s 1.8s linear forwards;}@-webkit-keyframes textIn {  0% {text-indent: -3000px;opacity: 1;}  100% {text-indent: -20px;opacity: 1;} }@keyframes textIn {  0% {text-indent: -3000px;opacity: 1;}  100% {text-indent: -20px;opacity: 1;} }@-webkit-keyframes textTravel {  0% {text-indent: -20px;}  90% {text-indent: 20px;}  95% {text-indent: 3000px;}   100% {text-indent: 3000px;} }@keyframes textTravel {  0% {text-indent: -20px;}  90% {text-indent: 20px;}  95% {text-indent: 3000px;}   100% {text-indent: 3000px;} }#subText {  text-align: center;  font-size: 40px;  width: 2200px;  display: block;  line-height: 40px;  text-indent: 3000px;  position: absolute;  bottom: 30px;  white-space: nowrap;  opacity: 0;  font-family: "BigNoodleTitling", sans-serif;  font-style: italic;  text-transform: uppercase;  display: block !important;  position: absolute !important;  -webkit-animation: tagIn 0.4s 1.4s forwards,             tagTravel 4.6s 1.8s linear forwards;          animation: tagIn 0.4s 1.4s forwards,             tagTravel 4.6s 1.8s linear forwards;}@-webkit-keyframes tagIn {  0% {text-indent: 3000px;opacity: 1;}   100% {text-indent: 20px;opacity: 1;} }@keyframes tagIn {  0% {text-indent: 3000px;opacity: 1;}   100% {text-indent: 20px;opacity: 1;} }@-webkit-keyframes tagTravel {  0% {text-indent: 20px;}  90% {text-indent: -20px;}  95% {text-indent: -3000px;}   100% {text-indent: -3000px;}}@keyframes tagTravel {  0% {text-indent: 20px;}  90% {text-indent: -20px;}  95% {text-indent: -3000px;}   100% {text-indent: -3000px;} }

http://imgur.com/Ku31JmQ picture 1
http://imgur.com/zP3dSoe picture 2

7

Custom Notifications / Re: Custom Notification WorkShop

« on: January 27, 2017, 06:08:05 AM »

i have two pictures that i want animated text of follower and donation in the middle of the pictures is it possible for you to add the cool animation like any cool animation would do