Deep Bot - Twitch Streamer Assistant

Deep Bot => Custom Notifications => Topic started by: Smudgey on June 04, 2017, 10:55:54 PM

Title: New Follower Image
Post by: Smudgey on June 04, 2017, 10:55:54 PM
Follower Alert

Image Link: http://imgur.com/rdmJOpp
Font Style/Link: Bubblegum, white fill black outline, http://www.dafont.com/bubblegum.font
Font Color:
Any text fill/boarder?: No
Where do you want text located? (Follower Name): In the rectangle
Example (If applicable):
Anything else?: Nope, I take it this automatically has a small animation when used with deepbot?

Grateful for any help :)!
Title: Re: New Follower Image
Post by: TheNumbLock on June 05, 2017, 12:17:32 AM
Requested by: Smudgey

Follower:

Link: http://deepbot.tv/notifications/follownotification1.htm
Width: 900
Height: 250

CSS Code:
Code: [Select]
#follow-notification {
display: none;
position: absolute;
top: 0px !important;
left: 0px !important;
width: 876px !important;
height: 176px !important;
border-radius: 00px !important;
background-size: contain !important;
background-image: url(http://i.imgur.com/rdmJOpp.jpg) !important;
background-repeat: no-repeat;
}

#follow-notification .header {
visibility: hidden !important;
}

#follow-notification .followname {
position: absolute !important;
text-align: center !important;
margin-top: 60px !important;
margin-left: 385px !important;
width: 300px !important;
font-size: 38px !important;
font-weight: normal !important;
font-family: Bubblegum !important;
color: white !important;
text-transform: capitalize;
-webkit-text-stroke-color: #b80000;
-webkit-text-stroke-width: 0px;
}

.followname:before {
content: '' !important;
}

.followname:after {
content: '' !important;
}

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

(http://i.imgur.com/wnsKzbr.png)
Title: Re: New Follower Image
Post by: Smudgey on June 07, 2017, 03:49:15 AM
Hi, thanks very much but some of the followers don't appear in the centre? I'm not sure if it is because I've got a slightly different image...?

Grateful for any help!

http://i.imgur.com/7J24tGN.jpg
Title: Re: New Follower Image
Post by: TheNumbLock on June 07, 2017, 03:53:05 AM
Using OBS Classic or Studio? Or xSplit?

What URL are you using for the CLR Browser?
Title: Re: New Follower Image
Post by: Smudgey on June 07, 2017, 04:28:39 AM
OBS Studio. (browser source)

http://deepbot.tv/notifications/follownotification1.htm
Title: Re: New Follower Image
Post by: TheNumbLock on June 07, 2017, 07:08:46 AM
Quote from: Smudgey on June 07, 2017, 04:28:39 AM
OBS Studio. (browser source)

http://deepbot.tv/notifications/follownotification1.htm

Strange, it works for me:

(http://i.imgur.com/GYedpsI.png)

Can you screenshot how it looks for you?
Title: Re: New Follower Image
Post by: Smudgey on June 08, 2017, 07:25:56 AM
Sorry I should have been clearer. I just meant some names seem to be off centre. I'll screenshot next time I come across the problem.

Thanks for your help.
Title: Re: New Follower Image
Post by: Smudgey on June 20, 2017, 05:34:06 AM
Hi,

I am now trying to use deepbot with donations too. Image is here: http://i.imgur.com/EteHfbB.jpg

I wondered whether you could use big noodle tilting for the top part (name and donation amount)
For the message bubblegum font would be good, but happy for you to make your judgement if it isn't clear enough or doesn't fit right. Thanks a lot! :)