Author Topic: Need help with Follower Notification (Gif)  (Read 2494 times)

0 Members and 1 Guest are viewing this topic.

AleksS

  • Youngling
  • *
  • Posts: 21
  • Karma: +0/-0
    • View Profile
  • Twitch Name: oesibua94
Need help with Follower Notification (Gif)
« on: December 03, 2014, 02:18:26 PM »
Hello i need a Notification for a new Follower.

With the Followername and a custom Message under the Gif

This ist the Gif: mk.pf-control.de/crash.gif

emrerocky

  • Advisor
  • Councilor
  • **
  • Posts: 1240
  • Karma: +163/-8
    • View Profile
    • emrerocky's Website
  • Twitch Name: emrerocky
Re: Need help with Follower Notification (Gif)
« Reply #1 on: December 04, 2014, 11:14:02 AM »
Follows

Link: http://deepbot.tv/notifications/follownotification1.htm
Width: 500
Height: 200

CSS Code:
Code: [Select]
#follow-notification {
display: none;
position: absolute;
top: 0px;
left: 0px;
width: 280px !important;
height: 158px !important;
border-radius: 00px !important;
background-image: url('http://mk.pf-control.de/crash.gif') !important;
background-repeat: no-repeat;
}
#follow-notification .followname {
margin-top: 40px !important;
margin-left: 5px !important;
text-align: center !important;
width: 0px !important;
font-size: 45px !important;
font-weight: bold !important;
font-family: impact !important;
color: #00cebb !important;
-webkit-text-stroke-width: 2px;
    -webkit-text-stroke-color: #000000;
    -webkit-text-fill-color: #FFFFFF;


}

Preview:

AleksS

  • Youngling
  • *
  • Posts: 21
  • Karma: +0/-0
    • View Profile
  • Twitch Name: oesibua94
Re: Need help with Follower Notification (Gif)
« Reply #2 on: February 08, 2015, 02:32:44 PM »
Hello im back :D

I have a question, how i can set before the Followername a text like, Thank you for Following: "username"

And how to change the Username in color green?

Code: [Select]
#follow-notification {
    display: none;
    position: absolute;
    top: 0px;
    left: 0px;
    width: 560px !important;
    height: 316px !important;
    border-radius: 00px !important;
    background-image: url("http://www.twitchalerts.com/uploads/000/064/659/964/follow_image/1179aa17580261c3294f0ef9d1667e78.gif") !important;
    background-repeat: no-repeat;
}
#follow-notification .followname {
    margin-top: 60px !important;
    margin-left: 45px !important;
    text-align: center !important;
    width: 0px !important;
    font-size: 30px !important;
    font-weight: bold !important;
    font-family: impact !important;
    color: #00cebb !important;
    -webkit-text-stroke-width: 2px;
    -webkit-text-stroke-color: #000000;
    -webkit-text-fill-color: #FFFFFF;
}

TheNumbLock

  • Advisor
  • Councilor
  • **
  • Posts: 4776
  • Karma: +137/-5
    • View Profile
  • Twitch Name: TheNumbLock
Re: Need help with Follower Notification (Gif)
« Reply #3 on: February 09, 2015, 06:38:17 AM »
Add the following at the end of the CSS:

Code: [Select]
.followname:before {
content: 'Thanks for Following'
}
Old Name: RepentGamingTV
Twitch: Here

Need help ASAP?
Join Deepbot's Discord: Discord.Deepbot.tv
Deepbot's Twitter: @DeepSupport