Messages

1

Custom Notifications / Re: Custom Notification WorkShop

« on: May 10, 2017, 12:28:57 AM »

shure... but don't know if it helps a lot...

I do it with Tipeee so far. The CSS is:

Code: [Select]

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: "AGENCY FB", 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: "AGENCY FB", 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;}
}


and in the massagebox on Tipeee I entered:

Code: [Select]

<b style="background: rgba(37, 48, 74, .8)" id="line"><b id="mainText">{name}</b><b id="subText"> hat {amount} bits gespendet!</b></b>
I could also provide the HTML link if that helps.

2

Custom Notifications / Re: Custom Notification WorkShop

« on: May 10, 2017, 12:08:57 AM »

OkOkOk

With the help of *best support ever* MercurY3rd I managed to figure out the changes for the followeralert (with a local html file) and the donationalert (found that in the css and wasn't aware of the &ccy=€ thing in the link) .

Now I would just need the cheers stuff, but I know you're allready on it

MercurY3rd also informed me, that there is a hostalert too, wich I wasn't aware of. I would love to have that too if possible

Something in the same style with "*name* hostet mich mit *number* Zuschauern*" as a text.

I hope I'm not asking to much here :/

3

Custom Notifications / Re: Custom Notification WorkShop

« on: May 08, 2017, 04:39:13 AM »

Works like a charm thanks a lot

Only thing, can I change the text from the followalert to "{name} hat gefolgt!" and the text from the donation to "{name} hat {amount}€ gespendet!" somewhere myself? because I'm a german streamer and my viewers usualy donate euros and not dollars.

4

Custom Notifications / Re: Custom Notification WorkShop

« on: May 08, 2017, 01:45:21 AM »

oh cool...

indeed it is the overwatch one!


Edit OK full infos :

Code: [Select]

Follower Alert

Font Style/Link: https://dl.dropboxusercontent.com/s/9by7zjws454amsq/AGENCYB.TTF
Font Color: Name should be #48c3d9 and text should be #FFFFFF
What do you want the alert to say? {name} hat gefollowed!
Any text fill/boarder?: small boarder in black
Anything else?:

Code: [Select]

Donation Alert

Font Style/Link: https://dl.dropboxusercontent.com/s/9by7zjws454amsq/AGENCYB.TTF
Font Color: Name, amount and currency should be #48c3d9 and text should be #FFFFFF
Any text fill/boarder?: small boarder in black
Currency Type: Euros
What do you want the alert to say? {name} hat {amount currency} gespendet!
Anything else?:

Code: [Select]

Cheer Alert

Font Style/Link: https://dl.dropboxusercontent.com/s/9by7zjws454amsq/AGENCYB.TTF
Font Color: Name and amount should be #48c3d9 and text and "bits" should be #FFFFFF
Any text fill/boarder?: small boarder in black
Currency Type: Bits
What do you want the alert to say? {name} hat {amount} bits gespendet!
Example (If applicable):
Anything else?:
I hope you can do something whith that

5

Custom Notifications / Re: Custom Notification WorkShop

« on: May 07, 2017, 09:51:57 PM »

Hi,
 
I have a special request and don't even know if it's possible. I'd like to switch my notifications from Tipeee to deepbot but am not shure if you can help me with that.

It's hard for me to tell what infos you need, as I don't know if it's even possible.

This is, how it should look like in the end: https://www.youtube.com/watch?v=2atebZqdLms
I used the AGENCYB.TTF as font family

this is the code in the message box of Tipeee:

<b style="background: rgba(37, 48, 74, ." id="line"><b id="mainText">{name}</b><b id="subText"> is now following!</b></b>

and this is the CSS I have in my OBS browser source:

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: "AGENCY FB", 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: "AGENCY FB", 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;}
}

PS: if it is possible, I will provide more infos on the texts for donation and cheer alerts

6

Closed Beta Applications / Re: Closed Beta Applications Phase 2 - Now Open

« on: November 01, 2015, 07:17:36 PM »

Where did you hear about DeepBot from?
from Doktorpeng and Mercury3rd

Your stream name?
puuhbear

Twitch bot account name?
BrummBot

Your streaming schedule? [Days/Approximate time]
2 days a week 6h approximately

Is your stream partnered with Twitch?
no

Average number of users on your channel?
5-7

Do you need to migrate an existing points system over to DeepBot?
no

Best Regards
Marc

System Edit : Application Accepted. Install complete. Thanks for the support!