Modification to Current Notifications

[syndrome208]

I have since changed my font to "[z] Arista" and would also like to see If I can get the Sub/Follower notification to scroll down and back up like the donation notification.  Here is the Info on current ones.  Can I Also get the text white with no border.

Thanks Ahead of time!!

Donation (this is the one with the scrolling down I like)
LInk: http://deepbot.tv/notifications/donationnotification2.htm?top=1&ccy=$

Code: [Select]

#donor-notification {
 width: 633px !important;
 height: 75px !important;
 background-color: transparent !important;
 background-image:url('http://i.imgur.com/agCJa30.png') !important;
}

#donor-notification .title {
 padding-top: 0px !important;
}
#donor-notification .message {
  visibility: hidden !important;
}
#donor-notification .amount {
font-family: troglodyte !important;
font-size: 26px !important;
font-family: troglodyte !important;
    color: #FFFFFF !important;
    -webkit-text-stroke: 0.5px;
    -webkit-text-stroke-color: #000;
}
#donor-notification .donor {
  font-size: 28px !important;
  font-weight: bold !important;
  font-family: troglodyte !important;
  color: #FFFFFF !important;
  -webkit-text-stroke: 0.5px;
  -webkit-text-stroke-color: #000;
}
#donor-notification .header {
color: #3FFA00 !important;
font-size: 1px !important;
visibility: hidden !important;

}
#donor-notification .title {
margin-top: 35px !important;
padding-left: 10px !important;
width: 610px !important;
}

Sub Notification:
Link: http://deepbot.tv/notifications/subnotification1.htm

Code: [Select]

#sub-notification {
  display: none;
  position: absolute;
  top: 0px;
  left: 0px;
  width: 600px !important;
  height: 110px !important;
  background-repeat: no-repeat;
  background-image: url('http://i.imgur.com/CgQ0CMd.png') !important;
  background-position-y: 0px;
}
#sub-notification .subname {
  margin-left: 00px !important;
  margin-top: 41px !important;
  padding-top: 0px !important;
  width: 595px !important;
  text-align: center !important;
  line-height: 14px !important;
  font-size: 30px !important;
  font-weight: bold !important;
  font-family: troglodyte !important;
  color: #FFFFFF !important;
  -webkit-text-stroke: 0.5px;
  -webkit-text-stroke-color: #8a0823;
}

Follower Notification
Link: http://deepbot.tv/notifications/follownotification1.htm?dur=10000

Code: [Select]

#follow-notification {
display: none;
position: absolute;
top: 0px;
left: 0px;
width: 640px !important;
height: 750px !important;
border-radius: 10px;
background-image: url('http://i.imgur.com/8jNO7M2.png') !important;
background-repeat: no-repeat;
}
#follow-notification .followname {
margin-top: 10px !important;
margin-left: 0px !important;
text-align: center !important;
width: 640px !important;
font-size: 21px !important;
font-weight: bold !important;
font-family: Verdana !important;
color: #24c820 !important;
-webkit-text-stroke: 1px;
-webkit-text-stroke-color: white;
}

[ExpertsOnline]

Can you please attach the font and please detail exactly what you want changed for each of the notifications.
As for sliding down, simply add "?top=1" for sub notification and "&top=1" for follow notification to achieve that effect.

[syndrome208]

Attached the font.

for follower/sub just need it to show the Name centered below the txt on image.

for donator name/amount cented below the text

and all the text to be white with possibly a 2px boarder if its not clear.

[ExpertsOnline]

Follow:

Code: [Select]

#follow-notification {
display: none;
position: absolute;
top: 0px;
left: 0px;
width: 640px !important;
height: 200px !important;
border-radius: 0px !important;
background-image: url('http://i.imgur.com/8jNO7M2.png') !important;
background-repeat: no-repeat !important;
overflow: hidden !important;
}
#follow-notification .followname {
margin-top: 10px !important;
margin-left: 0px !important;
text-align: center !important;
width: 640px !important;
        font-weight: normal !important;
font-size: 24px !important;
font-family: \[z\] Arista !important;
color: #fefefe !important;
-webkit-text-stroke: 0px !important;
-webkit-text-stroke-color: black !important;
}

Sub

Code: [Select]

#sub-notification {
  display: none;
  position: absolute;
  top: 0px;
  left: 0px;
  width: 600px !important;
  height: 110px !important;
  background-repeat: no-repeat;
  background-image: url('http://i.imgur.com/CgQ0CMd.png') !important;
  background-position-y: 0px !important;
  overflow: hidden !important;
}
#sub-notification .subname {
  margin-left: 00px !important;
  margin-top: 41px !important;
  padding-top: 0px !important;
  width: 595px !important;
  text-align: center !important;
  line-height: 14px !important;
  font-weight: normal !important;
  font-size: 22px !important;
  font-family: \[z\] Arista !important;
  color: #fefefe !important;
  -webkit-text-stroke: 0px !important;
  -webkit-text-stroke-color: #000000 !important;
}

Donation

Code

Code: [Select]

#donor-notification {
 width: 633px !important;
 height: 75px !important;
 background-color: transparent !important;
 background-image:url('http://i.imgur.com/agCJa30.png') !important;
 overflow: hidden !important;
}

#donor-notification .title {
 padding-top: 0px !important;
}
#donor-notification .message {
  visibility: hidden !important;
}
#donor-notification .amount {
font-size: 26px !important;
font-weight: normal !important;
  font-family: \[z\] Arista !important;
  color: #FFFFFF !important;
-webkit-text-stroke: 0px;
  -webkit-text-stroke-color: #000;
}
#donor-notification .donor {
  font-size: 26px !important;
  font-weight: normal !important;
  font-family: \[z\] Arista !important;
  color: #FFFFFF !important;
  -webkit-text-stroke: 0px;
  -webkit-text-stroke-color: #000;
}
#donor-notification .header {
color: #3FFA00 !important;
font-size: 1px !important;
visibility: hidden !important;

}
#donor-notification .title {
margin-top: 35px !important;
padding-left: 10px !important;
width: 610px !important;
}


[syndrome208]

Donation alert has stopped working it does the noise and sends a msg into chat but the image is not working