Deep Bot - Twitch Streamer Assistant
Deep Bot => Custom Notifications => Topic started by: syndrome208 on January 09, 2015, 08:00:51 AM
-
For the follower it just needs to show the name centered below the txt
For Dontaion have it show Name - Amount centered below txt.
For Subscriber just show name centered below txt.
All txt can be red like the on the images
If you can have all 3 scroll down from the top and scroll back up when they apear that would be great.
I have also attached the font file if its needed cant remember if you need it or not I know how to adjust that in the css though.
Thanks ahead of time for all your work!
-
Here are the images on imgur they wont upload here even though their only 15kb max
http://imgur.com/a/TscqG
-
so I was able to get my alerts changed on my own by changing the image url but I cant seem to get the text of the donation one to match the follower/sub ones.
Here's the stuff.
Sub Alert:
http://deepbot.tv/notifications/subnotification1.htm?top=1&ccy=$
#sub-notification {
display: none;
position: absolute;
top: 0px;
left: 0px;
width: 411px !important;
height: 81px !important;
background-repeat: no-repeat;
background-image: url('http://i.imgur.com/1bOhPiX.png') !important;
background-position-y: 0px;
}
#sub-notification .subname {
margin-left: 00px !important;
margin-top: 41px !important;
padding-top: 0px !important;
width: 411px !important;
text-align: center !important;
line-height: 14px !important;
font-size: 30px !important;
font-weight: bold !important;
font-family: Arial !important;
color: #f46a0f !important;
-webkit-text-stroke: 0px;
-webkit-text-stroke-color: #8a0823;
}
Follower
http://deepbot.tv/notifications/follownotification1.htm?dur=10000?top=1&ccy=$
#follow-notification {
display: none;
position: absolute;
top: 0px;
left: 0px;
width: 411px !important;
height: 81px !important;
border-radius: 0px !important;
background-image: url('http://i.imgur.com/WQEa93y.png') !important;
background-repeat: no-repeat !important;
overflow: hidden !important;
}
#follow-notification .followname {
margin-top: 0px !important;
margin-left: 0px !important;
text-align: center !important;
width: 411px !important;
font-weight: normal !important;
font-size: 35px !important;
font-family: Arial !important;
color: f46a0f !important;
-webkit-text-stroke: 0px !important;
-webkit-text-stroke-color: black !important;
}
Donation (one i cant get txt to match)
http://deepbot.tv/notifications/donationnotification2.htm?top=1&ccy=$
#donor-notification {
width: 411px !important;
height: 81px !important;
background-color: transparent !important;
background-image:url('http://i.imgur.com/l4HMVRZ.png') !important;
overflow: hidden !important;
}
#donor-notification .title {
padding-top: 0px !important;
}
#donor-notification .message {
visibility: hidden !important;
}
#donor-notification .amount {
margin-top: 0px !important;
margin-left: 0px !important;
text-align: center !important;
width: 411px !important;
font-weight: normal !important;
font-size: 35px !important;
font-family: Arial !important;
color: f46a0f !important;
-webkit-text-stroke: 0px !important;
-webkit-text-stroke-color: black !important;
}
#donor-notification .donor {
margin-top: 0px !important;
margin-left: 0px !important;
text-align: center !important;
width: 411px !important;
font-weight: normal !important;
font-size: 35px !important;
font-family: Arial !important;
color: f46a0f !important;
-webkit-text-stroke: 0px !important;
-webkit-text-stroke-color: black !important;
}
#donor-notification .header {
color: #f46a0f !important;
font-size: 1px !important;
visibility: hidden !important;
}
#donor-notification .title {
margin-top: 35px !important;
padding-left: 10px !important;
width: 411px !important;
}
-
Because your font isn't spaced correctly?
-
Tried to even out the spacing by moving the font family to the right and also tried aligning it all 2 spaces in with no luck.
-
I am confused. Are you trying to use a custom font? o.o
Edit: Nvm, Figured it out what you wanted. All I added was a text shadow, for some reason the stroke kit doesn't seem to want to work. o.o
Donation:
Link: http://deepbot.tv/notifications/donationnotification2.htm?top=1
Width: 500
Height: 150
CSS Code:
#donor-notification {
width: 411px !important;
height: 81px !important;
background-color: transparent !important;
background-image:url('http://i.imgur.com/l4HMVRZ.png') !important;
overflow: hidden !important;
}
#donor-notification .title {
padding-top: 0px !important;
}
#donor-notification .message {
visibility: hidden !important;
}
#donor-notification .amount {
margin-top: 0px !important;
margin-left: 0px !important;
text-align: center !important;
width: 411px !important;
font-weight: normal !important;
font-size: 35px !important;
font-family: Arial !important;
color: #f46a0f !important;
text-shadow: 2px 1px 2px #000 !important;
-webkit-text-stroke: .1px !important;
-webkit-text-stroke-color: black !important;
}
#donor-notification .donor {
margin-top: 0px !important;
margin-left: 0px !important;
text-align: center !important;
width: 411px !important;
font-weight: normal !important;
font-size: 35px !important;
font-family: Arial !important;
color: #f46a0f !important;
text-shadow: 2px 1px 2px #000 !important;
-webkit-text-stroke: .1px !important;
-webkit-text-stroke-color: black !important;
}
#donor-notification .header {
color: #f46a0f !important;
font-size: 1px !important;
visibility: hidden !important;
}
#donor-notification .title {
margin-top: 35px !important;
padding-left: 10px !important;
width: 411px !important;
}
Preview: (If there is a black background, it is just my background.)
(http://puu.sh/fJ10N/e75fc96291.png)
-
thanks man works great!
-
No problem, glad I could help out.