Deep Bot - Twitch Streamer Assistant

Deep Bot => Custom Notifications => Topic started by: illustv on July 09, 2016, 06:06:05 AM

Title: Requesting Help With Custom CSS Work
Post by: illustv on July 09, 2016, 06:06:05 AM

Hello, i need some help with the custom css..

Donation: Need in €
http://www.directupload.net/file/d/4410/3hn7474q_gif.htm

Follow:
http://www.directupload.net/file/d/4411/pf6o68qw_gif.htm

and i need the donation tracker http://deepbot.tv/notifications/donationnotification2.htm but also just with €


Hope you can help me

Title: Re: Requesting Help With Custom CSS Work
Post by: TheNumbLock on July 09, 2016, 07:27:03 AM

Requested by: illustv

Follower:

Link: http://deepbot.tv/notifications/follownotification1.htm
Width: 500
Height: 350

CSS Code:

Code: [Select]

#follow-notification {
display: none;
position: absolute;
top: 0px !important;
left: 0px !important;
width: 448px !important;
height: 289px !important;
border-radius: 00px !important;
background-size: contain !important;
background-image: url('http://fs5.directupload.net/images/160709/pf6o68qw.gif') !important;
background-repeat: no-repeat;
}

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

#follow-notification .followname {
position: absolute !important;
text-align: center !important;
margin-top: 280px !important;
margin-left: -30px !important;
width: 500px !important;
font-size: 36px !important;
font-weight: normal !important;
font-family: 'Arial Black', 'Arial Bold', Gadget, sans-serif;
color: red !important;
text-transform: capitalize;
-webkit-text-stroke-color: #00aced;
-webkit-text-stroke-width: 0px;
}

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

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

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

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


Donation:

Link: http://deepbot.tv/notifications/donationnotification2.htm?dur=10000&ccy=%E2%82%AC
Width: 600
Height: 500

CSS Code:

Code: [Select]

#donor-notification {
position: absolute;
top: 0px !important;
left: 50px !important;
width: 500px !important;
height: 375px !important;
background-repeat: no-repeat;
background-size: contain !important;
background-image: url('http://fs5.directupload.net/images/160708/3hn7474q.gif') !important;
overflow: ahidden !important;
}
#donor-notification .header {
visibility: hidden !important;
}
 
#donor-notification .date {
visibility: hidden !important;
}
 
#donor-notification .streamname {
visibility: hidden !important;
}
 
#donor-notification .message {
visibility: hidden !important;
}
#donor-notification .amount {
position: absolute;
margin-top: 390px !important;
margin-left: -310px !important;
width: 400px !important;
padding-top: 0px !important;
text-align: center !important;
font-weight: normal !important;
font-size: 40px !important;
font-family: 'Arial Black', 'Arial Bold', Gadget, sans-serif;
color: white !important;
text-transform: capitalize;
-webkit-text-stroke-color: white;
-webkit-text-stroke-width: 0px;
text-shadow: 3px !important;
}
#donor-notification .donor {
position: absolute;
margin-top: 350px !important;
margin-left: -220px !important;
width: 600px !important;
text-align: center !important;
font-weight: normal !important;
font-size: 40px !important;
font-family: 'Arial Black', 'Arial Bold', Gadget, sans-serif;
color: white !important;
text-transform: capitalize;
-webkit-text-stroke-color: black;
-webkit-text-stroke-width: 0px;
text-shadow: 3px !important;
}

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

.amount:after{
content: '';
}

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

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

Title: Re: Requesting Help With Custom CSS Work
Post by: illustv on July 09, 2016, 07:41:12 AM

Thanks so much!

Can you make the donation tracker too?

Title: Re: Requesting Help With Custom CSS Work
Post by: TheNumbLock on July 09, 2016, 07:42:30 AM

Quote from: illustv on July 09, 2016, 07:41:12 AM

Thanks so much!

Can you make the donation tracker too?

Well this is the default one: http://deepbot.tv/widgets/donationtracker.htm?mode=2

Title: Re: Requesting Help With Custom CSS Work
Post by: illustv on July 13, 2016, 11:57:25 PM

Hey can you please make a new css for follow? here the pic http://3.bp.blogspot.com/-aaFNxYvrfLY/UK8ixYQOqhI/AAAAAAAAC2k/K8ub0pMbgAI/s1600/treedance.gif

Title: Re: Requesting Help With Custom CSS Work
Post by: TheNumbLock on July 14, 2016, 12:09:49 AM

Quote from: illustv on July 13, 2016, 11:57:25 PM

Hey can you please make a new css for follow? here the pic http://3.bp.blogspot.com/-aaFNxYvrfLY/UK8ixYQOqhI/AAAAAAAAC2k/K8ub0pMbgAI/s1600/treedance.gif

Requested by: illustv

Follower:

Link: http://deepbot.tv/notifications/follownotification1.htm
Width: 860
Height: 650

CSS Code:

Code: [Select]

#follow-notification {
display: none;
position: absolute;
top: 0px !important;
left: 0px !important;
width: 830px !important;
height: 542px !important;
border-radius: 00px !important;
background-size: contain !important;
background-image: url('http://3.bp.blogspot.com/-aaFNxYvrfLY/UK8ixYQOqhI/AAAAAAAAC2k/K8ub0pMbgAI/s1600/treedance.gif') !important;
background-repeat: no-repeat;
}

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

#follow-notification .followname {
position: absolute !important;
text-align: center !important;
margin-top: 480px !important;
margin-left: 180px !important;
width: 500px !important;
font-size: 36px !important;
font-weight: normal !important;
font-family: 'Arial Black', 'Arial Bold', Gadget, sans-serif;
color: red !important;
text-transform: capitalize;
-webkit-text-stroke-color: #00aced;
-webkit-text-stroke-width: 0px;
}

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

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

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

(http://i.imgur.com/2lLbOE7.png)