Deep Bot - Twitch Streamer Assistant

Deep Bot => Custom Notifications => Topic started by: Besowow on June 28, 2015, 07:22:08 AM

Title: Follow & Donation Graphics Request
Post by: Besowow on June 28, 2015, 07:22:08 AM

Thank you in advance for your help!
If you need further information or have questions please let me know.

Follower Alert

Image Link: http://imgur.com/7tNlGLr,7SHhOBy#1
Font Style/Link: https://www.google.com/fonts/specimen/Lobster+Two
Font Color: black
Any text fill/boarder?: 2-3 pixel white outline on text
Where do you want text located? (Follower Name): Below image
Example (If applicable):All below image: “Welcome to the Dalek Army @user@!


Donation Alert

Image Link: http://imgur.com/7tNlGLr,7SHhOBy
Font Style/Link: https://www.google.com/fonts/specimen/Lobster+Two
Font Color: black
Any text fill/boarder?: 2-3 pixel white outline on text
Currency Type: USD
Where do you want text located?(Donator Name, Donation Amount, Message)
Example (If applicable): All Below image:  “Companion @user@ donates $x.xx. Message.”

Title: Re: Follow & Donation Graphics Request
Post by: TheNumbLock on June 28, 2015, 08:21:16 AM

Requested by: Besowow

Follower:

Link: http://deepbot.tv/notifications/follownotification1.htm
Width: 800
Height: 850

CSS Code:

Code: [Select]

@font-face {
font-family: 'Lobster';
src: url('http://download1457.mediafire.com/s8ixb2kcab7g/g5h65n6hnbouwap/LobsterTwo-Regular.ttf');
}

#follow-notification {
display: none;
position: absolute;
width: 800px !important;
height: 600px !important;
background-image: url('http://i.imgur.com/7SHhOBy.gif') !important;
background-repeat: no-repeat;
}
#follow-notification .followname {
position: absolute !important;
margin-top: 580px !important;
margin-left: 150px !important;
width: 500px !important;
font-size: 60px !important;
font-weight: bold !important;
font-family: Lobster !important;
color: blue !important;
-webkit-text-fill-color: black;
-webkit-text-stroke-width: .2px;
-webkit-text-stroke-color: white;
}

.followname:before {
content: 'Welcome to the Dalek Army ';
}
.followname:after {
content: '!';
}

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

(http://puu.sh/iFaPF/4a122d5235.jpg)


Donation:

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

CSS Code:

Code: [Select]

@font-face {
font-family: 'Lobster';
src: url('http://download1457.mediafire.com/s8ixb2kcab7g/g5h65n6hnbouwap/LobsterTwo-Regular.ttf');
}

#donor-notification {
width: 500px !important;
height: 333px !important;
background-color: transparent !important;
background-image:url('http://i.imgur.com/7tNlGLr.gif') !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 {
position: absolute !important;
margin-top: 370px !important;
margin-left: 60px !important;
width: 500px !important;
font-size: 30px !important;
font-weight: normal !important;
font-family: Lobster !important;
color: #ffffff !important;
text-shadow: 2px 2px black;
-webkit-text-fill-color: black;
-webkit-text-stroke-width: .3px;
-webkit-text-stroke-color: white;
}
#donor-notification .amount {
position: absolute !important;
margin-top: 300px !important;
margin-left: -130px !important;
font-size: 40px !important;
font-weight: normal !important;
font-family: Lobster !important;
color: #ffffff !important;
text-shadow: 2px 2px black;
-webkit-text-fill-color: black;
-webkit-text-stroke-width: .5px;
-webkit-text-stroke-color: white;
}
#donor-notification .donor {
position: absolute !important;
margin-top: 250px !important;
margin-left: -70px !important;
width: 500px !important;
font-size: 40px !important;
font-weight: normal !important;
font-family: Lobster !important;
color: #ffffff !important;
text-shadow: 2px 2px black;
-webkit-text-fill-color: black;
-webkit-text-stroke-width: .5px;
-webkit-text-stroke-color: white;
}

.donor:before {
content: 'Companion ';
}

.donor:after {
content: ' donates ';
}

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

(http://puu.sh/iFaPZ/471bfc56dd.jpg)