Deep Bot - Twitch Streamer Assistant

Deep Bot => Custom Notifications => Topic started by: Bigdaddyden on March 05, 2015, 08:12:46 PM

Title: Custom Donation & Sub Graphics
Post by: Bigdaddyden on March 05, 2015, 08:12:46 PM

hey i need this setup for Desktop notifications

Donation http://imgur.com/mIHGH1H
Gbp middle name at bottom middle

Sub http://imgur.com/xaOYHZ5
Name middle yellow txt

, i have these already setup for clr browser but need them for desktop notif as im now using a stream pc with a capture card and using deep bot on the main pc for sound/visual notifs.

Thanks xxxx

Title: Re: Custom Donation & Sub Graphics
Post by: Bigdaddyden on March 06, 2015, 08:57:35 PM

any help? im going live in 2 hours really need this done :/

Title: Re: Custom Donation & Sub Graphics
Post by: TheNumbLock on March 07, 2015, 02:55:31 AM

Requested by: Bigdaddyden

Donation:

Link: http://deepbot.tv/notifications/donationnotification2.htm?ccy=£
Width: 600
Height: 150

CSS Code:

Code: [Select]

#donor-notification {
width: 580px !important;
height: 134px !important;
background-color: transparent !important;
background-image:url('http://i.imgur.com/mIHGH1H.gif') !important;
background-repeat: no-repeat !important;
background-size: initial !important;
}


#donor-notification .header {
position: absolute !important;
visibility: hidden !important;
}

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

#donor-notification .message {
visibility: hidden !important;
}
#donor-notification .amount {
position: absolute !important;
text-align: center !important;
margin-top: 0px !important;
margin-left: 140px !important;
margin-right: 250px !important;
width: 300px !important;
font-size: 36px !important;
font-family: arial bold !important;
color: #4298C1 !important;
-webkit-text-stroke-width: 1px;
    -webkit-text-stroke-color: white;
    -webkit-text-fill-color: red;
}
#donor-notification .donor {
position: absolute !important;
text-align: center !important;
margin-top: 40px !important;
margin-left: 140px !important;
margin-right: 250px !important;
width: 300px !important;
font-size: 36px !important;
font-family: arial bold !important;
color: #4298C1 !important;
-webkit-text-stroke-width: 1px;
    -webkit-text-stroke-color: white;
    -webkit-text-fill-color: red;
}

#donor-notification .title {
padding-top: 44px !important;
margin-left: 0px !important;
width: 100% !important;
float: left !important;
text-align: left !important;
}

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

(http://puu.sh/gp5F3/8654951b4d.jpg)



Subscriber:

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

CSS Code:

Code: [Select]

#sub-notification {
  display: none;
  position: absolute;
  top: 0px;
  left: 0px;
  width: 760px !important;
  height: 200px !important;
  background-repeat: no-repeat;
  background-image: url('http://i.imgur.com/xaOYHZ5.png') !important;
  background-position-y: 0px;
}
#sub-notification .subname {
  margin-left: 220px !important;
  margin-top: 90px !important;
  padding-top: 0px !important;
  width: 300px !important;
  text-align: center !important;
  line-height: 30px !important;
  font-size: 50px !important;
  font-weight: bold !important;
  font-family: Arial !important;
  color: white !important;
}

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

(http://puu.sh/gp5IM/6696c15d2f.png)

Title: Re: Custom Donation & Sub Graphics
Post by: Bigdaddyden on March 07, 2015, 03:38:59 AM

Under sub actions there is 3 options Obs Clr Browser,desktop,taskbar popup.

How do i use this css code for "desktop" notif ?

ty

Title: Re: Custom Donation & Sub Graphics
Post by: TheNumbLock on March 07, 2015, 04:35:52 AM

Quote from: Bigdaddyden on March 07, 2015, 03:38:59 AM

Under sub actions there is 3 options Obs Clr Browser,desktop,taskbar popup.

How do i use this css code for "desktop" notif ?

ty

Can't. :/

Title: Re: Custom Donation & Sub Graphics
Post by: Bigdaddyden on March 07, 2015, 11:12:33 PM

how do i edit the built in image in deeptbot for desktop notif ?

Title: Re: Custom Donation & Sub Graphics
Post by: TheNumbLock on March 08, 2015, 02:11:45 AM

Under donation notifications under config tab, there is an image you should be able to change. Just hit browse and find an image you want.

Title: Re: Custom Donation & Sub Graphics
Post by: Bigdaddyden on March 08, 2015, 08:31:43 PM

im using atm the basic donation image, but need one for sub