Author Topic: CSS Notification Request  (Read 2166 times)

0 Members and 1 Guest are viewing this topic.

Kemony

  • Youngling
  • *
  • Posts: 5
  • Karma: +0/-0
    • View Profile
  • Twitch Name: kemony
CSS Notification Request
« on: April 04, 2015, 02:10:26 AM »
Hello,

I am looking to get a custom notification for my donation, follow and host alert.

I currently use twitchalerts but would like to convert to using deepbot for multiple reasons.

This is the background image I would like to use.

http://i.imgur.com/TQpCSJ8.png

Here is an example (about 30 seconds into the video) of what I currently use and would like to keep the same or very similar please.

https://youtu.be/5dz9EUBWreU

If I need to give anymore information, please let me know!

Thank you very much in advance.

Kemony


TheNumbLock

  • Advisor
  • Councilor
  • **
  • Posts: 4776
  • Karma: +137/-5
    • View Profile
  • Twitch Name: TheNumbLock
Re: CSS Notification Request
« Reply #1 on: April 05, 2015, 11:28:54 AM »
I will be working on Custom Notifications for all DeepBot users. Don't expect your notifications to be done right away, since I am doing this for free. Expect up to 48 hour delay for your custom notifications to be done. (It all depends on how busy I am and how many requests I get.) If you want them done faster, you can donate to me, and I will move you to the top of the list. (PM me for details on that.)

Post Below with the following the notifications you need. Here are the layouts:

For image links use Imgur.

Follower Alert:
Code: [Select]
Follower Alert

Image Link:
Font Style/Link:
Font Color:
Any text fill/boarder?:
Where do you want text located? (Follower Name):
Example (If applicable):
Anything else?:

Donation Alert: (You do not need to include all 3 text options, Just an FYI.)
Code: [Select]
Donation Alert

Image Link:
Font Style/Link:
Font Color:
Any text fill/boarder?:
Currency Type:
Where do you want text located?(Donator Name, Donation Amount, Message)
Example (If applicable):
Anything else?:

Subscriber Alert:
Code: [Select]
Subscriber Alert

Image Link:
Font Style/Link:
Font Color:
Any text fill/boarder?:
Where do you want text located? (Subscriber Name)
Example (If applicable):
Anything else?:
Old Name: RepentGamingTV
Twitch: Here

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

Kemony

  • Youngling
  • *
  • Posts: 5
  • Karma: +0/-0
    • View Profile
  • Twitch Name: kemony
Re: CSS Notification Request
« Reply #2 on: April 06, 2015, 09:23:29 PM »
Follower Alert

Image Link: http://i.imgur.com/TQpCSJ8.png
Font Style/Link: Open Sans
Font Color: white
Any text fill/boarder?: no
Where do you want text located? (Follower Name): (Follower) is now following! centered
Example (If applicable): Here is an example (about 30 seconds into the video) of what I currently use and would like to keep the same or very similar please.
https://youtu.be/5dz9EUBWreU
Anything else?: the followers name wiggling text please

Donation Alert

Image Link: http://i.imgur.com/TQpCSJ8.png
Font Style/Link: open sans
Font Color: donator and donations amount purple, the rest white
Any text fill/boarder?: no
Currency Type: USD
Where do you want text located?(Donator Name, Donation Amount, Message) (donator) donated (donation amount)!
Example (If applicable): Here is an example (about 44 seconds into the video) of what I currently use and would like to keep the same or very similar please.
https://youtu.be/5dz9EUBWreU
Anything else?: the donators name and donation amount wiggling text please

I hope this helps, let me know if you have anymore questions please. Thanks!

TheNumbLock

  • Advisor
  • Councilor
  • **
  • Posts: 4776
  • Karma: +137/-5
    • View Profile
  • Twitch Name: TheNumbLock
Re: CSS Notification Request
« Reply #3 on: April 06, 2015, 11:32:12 PM »
I can't do the wiggle effect without effecting other parts, as in everything would wiggle. :/

Requested by: Kemony

Follower:

Link: http://deepbot.tv/notifications/follownotification1.htm
Width: 780
Height: 600

CSS Code:
Code: [Select]

#follow-notification {
display: none;
position: absolute;
width: 780px !important;
height: 580px !important;
border-radius: 00px !important;
background-image: url('http://i.imgur.com/TQpCSJ8.png') !important;
background-repeat: no-repeat;
}
#follow-notification .followname {
position: absolute !important;
text-align: center !important;
margin-top: 180px !important;
margin-left: 180px !important;
margin-right: 100px !important;
width: 400px !important;
font-size: 60px !important;
font-weight: normal !important;
font-family: open sans !important;
color: white !important;
}

.followname:after {

content: ' is now following!' !important;

}

Preview: (If there is a black background, it is just my background.)





Donation:

Link: http://deepbot.tv/notifications/donationnotification2.htm
Width: 780
Height: 600

CSS Code:
Code: [Select]
#donor-notification {
width: 780px !important;
height: 580px !important;
background-color: transparent !important;
background-image:url('http://i.imgur.com/TQpCSJ8.png') !important;
background-repeat: no-repeat !important;
background-size: initial !important;
}


#donor-notification .header {
position: absolute !important;
visibility: hidden !important;
}

#donor-notification .streamname {
visibility: hidden !important;
}

#donor-notification .message {
position: absolute !important;
text-align: center !important;
margin-top: 300px !important;
margin-left: 100px !important;
margin-right: 0px !important;
width: 600px !important;
font-size: 32px !important;
font-weight: normal !important;
font-family: open sans !important;
color: white !important;
}
#donor-notification .amount {
position: absolute !important;
text-align: center !important;
margin-top: 180px !important;
margin-left: 250px !important;
margin-right: 0px !important;
width: 300px !important;
font-size: 44px !important;
font-weight: bold !important;
font-family: open sans !important;
color: purple !important;
-webkit-text-stroke-width: 1px;
    -webkit-text-stroke-color: black;
}
#donor-notification .donor {
position: absolute !important;
text-align: center !important;
margin-top: 130px !important;
margin-left: 150px !important;
margin-right: 0px !important;
width: 500px !important;
font-size: 44px !important;
font-weight: bold !important;
font-family: open sans !important;
color: purple !important;
-webkit-text-stroke-width: 1px;
    -webkit-text-stroke-color: black;
}

.donor:after {

content: ' donated ' !important;
color: white !important;
}

.amount:after {

content: '!' !important;
color: white !important;
}

#donor-notification .title {
padding-top: 44px !important;
margin-left: 0px !important;
width: 100% !important;
float: left !important;
text-align: left !important;
}

Preview: (If there is a black background, it is just my background.)

Old Name: RepentGamingTV
Twitch: Here

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