Deep Bot - Twitch Streamer Assistant

Deep Bot => Custom Notifications => Topic started by: Bigdaddyden on February 13, 2015, 11:50:22 PM

Title: Custom Donation & Sub Graphics
Post by: Bigdaddyden on February 13, 2015, 11:50:22 PM

http://imgur.com/u4MOLNi
Amount in middle
Donators name top middle
Yellow txt, any font
no donation msg
------------
http://imgur.com/UD0PfpG
Yellow txt middle, any font

Thankyou!

Title: Re: Custom Donation & Sub Graphics
Post by: TheNumbLock on February 14, 2015, 01:28:34 AM

Requested by: Bigdaddyden

Edit: Woops didn't realize it was sub notifications. One moment
Edit: Fixed. If you need anything else, let me know.

Subscriber:

Link: http://deepbot.tv/notifications/subnotification1.htm
Width: 760
Height: 200

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/UD0PfpG.png') !important;
  background-position-y: 0px;
}
#sub-notification .subname {
position: absolute !important;
text-align: center !important;
margin-top: -80px !important;
margin-left: 230px !important;
margin-right: 300px !important;
width: 300px !important;
font-size: 50px !important;
font-weight: normal !important;
font-family: impact !important;
color: yellow !important;
}

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

(http://puu.sh/fRRJn/e0e61926bc.png)



Donation:

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

CSS Code:

Code: [Select]

#donor-notification {
width: 961px !important;
height: 663px !important;
background-color: transparent !important;
background-image:url('http://i.imgur.com/u4MOLNi.png') !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: 270px !important;
margin-left: 220px !important;
margin-right: 500px !important;
width: 600px !important;
font-size: 78px !important;
font-weight: normal !important;
font-family: impact !important;
color: yellow !important;
}
#donor-notification .donor {
position: absolute !important;
text-align: center !important;
margin-top: 150px !important;
margin-left: 250px !important;
margin-right: 500px !important;
width: 600px !important;
font-size: 78px !important;
font-weight: normal !important;
font-family: impact !important;
color: yellow !important;
}

#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/fRTcR/65079555d5.png)

Title: Re: Custom Donation & Sub Graphics
Post by: Bigdaddyden on February 14, 2015, 07:28:09 PM

cheers!