Deep Bot - Twitch Streamer Assistant
Deep Bot => Custom Notifications => Topic started by: bond0788 on October 25, 2014, 05:38:34 PM
-
I would like a follower notification that reads Thanks for Becoming an Agent on the top, the name under it. on a black background (all white text) with the attached picture.
-
Let me know how it works!
Follows
Link: http://deepbot.tv/notifications/follownotification1.htm
Width: 384
Height: 135
CSS Code:
#follow-notification {
display: none;
position: absolute;
top: 0px;
left: 0px;
width: 374px !important;
height: 135px !important;
border-radius: 00px !important;
background-image: url('https://i.imgur.com/J27OdG8.jpg') !important;
background-repeat: no-repeat;
overflow: hidden !important;
}
#follow-notification .followname {
position: absolute !important;
margin-top: 0px !important;
margin-left: 0px !important;
text-align: center !important;
width: 380px !important;
font-size: 40px !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;
}
#follow-notification .followname:before {
content: 'Thanks for Becoming an Agent: ';
font-family: !important;
font-size: 25px !important
}
Preview:
(http://puu.sh/cqPVa/a49da6eac6.jpg)
-
How do I enable it into the bot?
-
You can see how to do this here: http://deepbot.deep.sg/wiki/OBS+CLR+Browser&structure=Index&page_ref_id=11
-emrerocky
-
I am using Xsplit
-
I am using Xsplit
Please see detailed instructions on XSplit here : https://support.xsplit.com/forum/viewtopic.php?f=3&t=26589&p=111435#p111435
-emrerocky
-
That URL brings up the XBOX looking default follower alert
-
That URL brings up the XBOX looking default follower alert
Please change the CSS using the one I provided.
-emrerocky
-
Is there a way to copy and paste it from here? It won't copy to my clipboard
-
Is there a way to copy and paste it from here? It won't copy to my clipboard
Yes. When you selected the code, just copy and paste it. It should work.
-emrerocky
-
It hasn't been working for me and I have been trying.
-
It hasn't been working for me and I have been trying.
When you have it selected, try right clicking and copy pasting it that way. It should allow you, as it is text.
-emrerocky
-
I have. It is not allowing me to right click and the CTRL + C isn't working either
-
I have. It is not allowing me to right click and the CTRL + C isn't working either
Try doing it from here: http://pastebin.com/febNyGwa
-emrerocky
-
The CCS code is not wanting to replace the image. And I had someone try to get it to work with no luck.
-
The CCS code is not wanting to replace the image. And I had someone try to get it to work with no luck.
Do you have the CSS entered into the custom CSS box, and have the box that says to use it ticked?
-emrerocky
-
Yes!
-
Yes!
Hmm... I just installed XSplit and it seems to like it's CSS very strangely... Try this:
CSS Code:
#follow-notification {
display: none;
position: absolute;
top: 0px;
left: 0px;
width: 374px !important;
height: 135px !important;
border-radius: 00px !important;
background-image: url("https://i.imgur.com/J27OdG8.jpg") !important;
background-repeat: no-repeat;
overflow: hidden !important;
}
#follow-notification .followname {
position: absolute !important;
margin-top: 0px !important;
margin-left: 0px !important;
text-align: center !important;
width: 380px !important;
font-size: 40px !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;
}
#follow-notification .followname:before {
content: "Thanks for Becoming an Agent: ";
font-family: !important;
font-size: 25px !important
}
-
THANK YOU! That worked great! You are awesome and amazing!
-
This is starting to give me issues again by not importing my custom follower alert to my stream. Please help.
-
What is the CSS code you are using?
-
Reply #17 -- The CSS for Xsplit. It worked fine when i got it that day, but now it doesn't want to read the CSS code it seems
-
Reply #17 -- The CSS for Xsplit. It worked fine when i got it that day, but now it doesn't want to read the CSS code it seems
Alright, installing xsplit and working on it. Give me a few mins or so.
Edit: The code works for me. You did hit edit custom CSS, and put the Custom Size to 400 x 180 under Display? And using this as your url: http://deepbot.tv/notifications/follownotification1.htm
-
Thank you.
-
The code works for me. You did hit edit custom CSS and put the CSS in there? Did you put the Custom Size to 400 x 180 under Display? And using this as your url: http://deepbot.tv/notifications/follownotification1.htm
-
Yes I did. I did all the neccessary things.
-
Are you VIP on DeepBot? Not sure what is wrong, but this is all I have when I added it:
(http://i.imgur.com/DUoSPxt.png)
#follow-notification {
display: none;
position: absolute;
top: 0px;
left: 0px;
width: 374px !important;
height: 135px !important;
border-radius: 00px !important;
background-image: url("https://i.imgur.com/J27OdG8.jpg") !important;
background-repeat: no-repeat;
overflow: hidden !important;
}
#follow-notification .followname {
position: absolute !important;
margin-top: 0px !important;
margin-left: 0px !important;
text-align: center !important;
width: 380px !important;
font-size: 40px !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;
}
#follow-notification .followname:before {
content: "Thanks for Becoming an Agent: ";
font-family: !important;
font-size: 25px !important
}
-
Could be an issue on that one. Still have access to VIP and it says my VIP exires on Saturday the 7th.
-
Could be an issue on that one. Still have access to VIP and it says my VIP exires on Saturday the 7th.
Ya, I'm not sure then. I am using the latest version and a free user on xsplit as well.
-
Thanks for looking into it. I will try to mess around with it some more later.