Deep Bot - Twitch Streamer Assistant
Deep Bot => Custom Notifications => Topic started by: Kemony 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
-
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 (http://imgur.com/).
Follower Alert:
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.)
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:
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?:
-
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!
-
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:
#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.)
(http://puu.sh/h3Bzi/8c0b0b882c.jpg)
Donation:
Link: http://deepbot.tv/notifications/donationnotification2.htm
Width: 780
Height: 600
CSS Code:
#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.)
(http://puu.sh/h3E1z/d396e143ec.jpg)