Author Topic: Donation/Follower Notification Help  (Read 1397 times)

0 Members and 1 Guest are viewing this topic.

cr4zydoc

  • Youngling
  • *
  • Posts: 5
  • Karma: +0/-0
    • View Profile
  • Twitch Name: http://www.twitch.tv/cr4zydoc
Donation/Follower Notification Help
« on: October 21, 2014, 12:49:13 AM »
I am looking to develop a custom follower/donation notification with the png attached. I want the Follower notification to just say welcome aboard the short bus and the donation notification to say "thanks for helping change the oil on the short bus". If I need to reach out to my friends that are better than I with Photoshop, let me know. Thank you!!!

emrerocky

  • Advisor
  • Councilor
  • **
  • Posts: 1240
  • Karma: +163/-8
    • View Profile
    • emrerocky's Website
  • Twitch Name: emrerocky
Re: Donation/Follower Notification Help
« Reply #1 on: October 21, 2014, 09:21:14 AM »
Follows

Width: 380
Height: 215
Link: http://deepbot.tv/notifications/follownotification1.htm

CSS Code:
Code: [Select]
#follow-notification {
display: none;
position: absolute;
top: 0px;
left: 0px;
width: 380px !important;
height: 215px !important;
border-radius: 00px !important;
background-image: url('https://i.imgur.com/jkzqIq1.png') !important;
background-repeat: no-repeat;
background-position-x: center !important;
overflow: hidden !important;

}
#follow-notification .followname {
position: absolute !important;
margin-top: 40px !important;
margin-left: 0px !important;
text-align: center !important;
width: px !important;
font-size: 33px !important;
font-family: ethnocentric !important;
color: #00cebb !important;
-webkit-text-stroke-width: 1px;
    -webkit-text-stroke-color: #000000;
    -webkit-text-fill-color: #FFFFFF;

 
}
#follow-notification .followname:after {
content: ', Welcome aboard the Short Bus!';
font-family: !important;
}

Preview:


The donation one has too long of text to fit in the image.  If you get a new picture, make sure to post it so we can convert it!