Deep Bot - Twitch Streamer Assistant

Deep Bot => Custom Notifications => Topic started by: AstralAuthority on July 01, 2015, 01:06:07 AM

Title: Follow & Donation Request
Post by: AstralAuthority on July 01, 2015, 01:06:07 AM

Image Link: http://imgur.com/ChJlBWa
Font Style/Link: Raavi Bold
Font Color: White
Any text fill/boarder?: No
Where do you want text located? (Follower Name): In the middle under text

Image Link: http://imgur.com/3Ka7PeD
Font Style/Link: Raavi Bold
Font Color: White
Any text fill/boarder?: No
Currency Type: $
Where do you want text located?(Donator Name, Donation Amount, Message): In the middle under text | Just name and amount

Title: Re: Follow & Donation Request
Post by: TheNumbLock on July 01, 2015, 04:22:02 AM

Follower:

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

CSS Code:

Code: [Select]

@font-face {
font-family: 'Highland';
src: url('http://download2060.mediafire.com/0vnnnuvtzyhg/nfz3n9cntwkb9uh/raavib.ttf');
}

#follow-notification {
display: none;
position: absolute;
width: 578px !important;
height: 108px !important;
background-image: url('http://i.imgur.com/ChJlBWa.png') !important;
background-repeat: no-repeat;
}
#follow-notification .followname {
position: absolute !important;
margin-top: 25px !important;
margin-left: 210px !important;
width: 100px !important;
font-size: 32px !important;
font-weight: normal !important;
font-family: Highland !important;
color: blue !important;
-webkit-text-fill-color: #FFFFFF;
}

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

(http://puu.sh/iICyq/c3dd208eb4.jpg)


Donation:

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

CSS Code:

Code: [Select]

@font-face {
font-family: 'Highland';
src: url('http://download2060.mediafire.com/0vnnnuvtzyhg/nfz3n9cntwkb9uh/raavib.ttf');
}
 
#donor-notification {
width: 578px !important;
height: 108px !important;
background-color: transparent !important;
background-image:url('http://i.imgur.com/3Ka7PeD.png') !important;
background-repeat: no-repeat !important;
background-size: initial !important;
}
 
 
#donor-notification .header {
visibility: hidden !important;
}
 
#donor-notification .streamname {
visibility: hidden !important;
}
 
#donor-notification .message {
visibility: hidden !important;
}
#donor-notification .amount {
position: absolute !important;
margin-top: 30px !important;
margin-left: -50px !important;
font-size: 32px !important;
font-weight: normal !important;
font-family: Highland !important;
color: #ffffff !important;
text-shadow: 2px 2px black;
-webkit-text-fill-color: white;
-webkit-text-stroke-width: 0px;
-webkit-text-stroke-color: white;
}
#donor-notification .donor {
position: absolute !important;
margin-top: 30px !important;
margin-left: -100px !important;
width: 300px !important;
font-size: 32px !important;
font-weight: normal !important;
font-family: Highland !important;
color: #ffffff !important;
text-shadow: 2px 2px black;
-webkit-text-fill-color: white;
-webkit-text-stroke-width: 0px;
-webkit-text-stroke-color: white;
}

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

(http://puu.sh/iICx3/dddb0af00a.jpg)