Sub, Donation, Follower Notifications

[syndrome208]

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!

[syndrome208]

Here are the images on imgur they wont upload here even though their only 15kb max

http://imgur.com/a/TscqG

[syndrome208]

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:

Code: [Select]

http://deepbot.tv/notifications/subnotification1.htm?top=1&ccy=$

Code: [Select]

#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

Code: [Select]

http://deepbot.tv/notifications/follownotification1.htm?dur=10000?top=1&ccy=$

Code: [Select]

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

Code: [Select]

http://deepbot.tv/notifications/donationnotification2.htm?top=1&ccy=$

Code: [Select]

#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;
}

[TheNumbLock]

Because your font isn't spaced correctly?

[syndrome208]

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.

[TheNumbLock]

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:

Code: [Select]

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

[syndrome208]

thanks man works great!

[TheNumbLock]

No problem, glad I could help out.