Custom Donation & Sub Graphics

[Bigdaddyden]

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

[Bigdaddyden]

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

[TheNumbLock]

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.)





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.)

[Bigdaddyden]

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

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

ty

[TheNumbLock]

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. :/

[Bigdaddyden]

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

[TheNumbLock]

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.

[Bigdaddyden]

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