Deep Bot - Twitch Streamer Assistant

Deep Bot => Custom Notifications => Topic started by: rezonen on July 09, 2015, 01:03:33 AM

Title: Donation alert.
Post by: rezonen on July 09, 2015, 01:03:33 AM

donation format " $@amount@ donation received from @user@. @message@ "

http://imgur.com/gLYG22h,euR4qvd

Title: Re: Donation alert.
Post by: TheNumbLock on July 09, 2015, 02:42:02 AM

Which image do you want me to use? o.o

Title: Re: Donation alert.
Post by: rezonen on July 09, 2015, 03:15:15 AM

The one in the link ? :)

(http://i.imgur.com/gLYG22h.gif)

Title: Re: Donation alert.
Post by: TheNumbLock on July 09, 2015, 03:17:24 AM

There is two. But I will use that one

Title: Re: Donation alert.
Post by: rezonen on July 09, 2015, 08:53:01 PM

Thanks :)

Title: Re: Donation alert.
Post by: TheNumbLock on July 10, 2015, 12:04:24 AM

Donation:

Link: http://deepbot.tv/notifications/donationnotification2.htm
Width: 1300
Height: 850

CSS Code:

Code: [Select]

#donor-notification {
width: 1172px !important;
height: 693px !important;
background-color: transparent !important;
background-image:url('http://i.imgur.com/MEdKwH7.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 {
position: absolute !important;
margin-top: 550px !important;
margin-left: 770px !important;
width: 500px !important;
font-size: 36px !important;
font-weight: bold !important;
font-family: Impact !important;
color: blue !important;
-webkit-text-fill-color: white;
-webkit-text-stroke-color: black;
-webkit-text-stroke-width: 1px;
}
#donor-notification .amount {
position: absolute !important;
margin-top: 240px !important;
margin-left: 50px !important;
width: 500px !important;
font-size: 36px !important;
font-weight: bold !important;
font-family: Impact !important;
color: blue !important;
-webkit-text-fill-color: white;
-webkit-text-stroke-color: black;
-webkit-text-stroke-width: 1px;
}
#donor-notification .donor {
position: absolute !important;
margin-top: 410px !important;
width: 300px !important;
margin-left: 400px !important;
font-size: 36px !important;
font-weight: bold !important;
font-family:Impact !important;
color: blue !important;
-webkit-text-fill-color: white;
-webkit-text-stroke-color: black;
-webkit-text-stroke-width: 1px;
}

.amount:after {
content: ' donation received from ';
}

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

(http://puu.sh/iThZ1/2c7a023822.jpg)

Title: Re: Donation alert.
Post by: rezonen on July 10, 2015, 03:25:50 AM

Thank you! But how did all the white lines get there ? They aren't there on the picture on my computer :( Could i try reuploading it ?


Here it is, if you got time please try to do with this upload, i don't know where all the white lines got from :(

(http://i61.tinypic.com/2u4lw1u.jpg)

Aw gosh... the white lines appear when i upload, i don't know why!! :(

Title: Re: Donation alert.
Post by: rezonen on July 10, 2015, 03:46:24 AM

Could you use the same text format as above, but with the text in the middle and with 2 of theese on the sides of the text ? With the magnet pointed towards the text on each side ? And with the image in an appropriate size ? :)

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

Thank you in advance.

Title: Re: Donation alert.
Post by: TheNumbLock on July 10, 2015, 05:17:22 AM

Not sure how you want the text.

Edit: Check the post above and let me know if that is how you want it? If so, the code has been corrected.

Title: Re: Donation alert.
Post by: rezonen on July 10, 2015, 09:41:15 PM

I would like the text to the right of the money. And then the same picture on the other side of the text flipped horizontally. And if you could scale the images down a little.

Title: Re: Donation alert.
Post by: TheNumbLock on July 11, 2015, 05:46:05 AM

Donation:

Link: http://deepbot.tv/notifications/donationnotification2.htm
Width: 700
Height: 250

CSS Code:

Code: [Select]

#donor-notification {
width: 700px !important;
height: 200px !important;
background-color: transparent !important;
background-image:url('http://i.imgur.com/9OFvELJ.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 {
position: absolute !important;
margin-top: 150px !important;
margin-left: 120px !important;
width: 500px !important;
font-size: 24px !important;
font-weight: bold !important;
font-family: Impact !important;
color: blue !important;
-webkit-text-fill-color: white;
-webkit-text-stroke-color: black;
-webkit-text-stroke-width: 1px;
}
#donor-notification .amount {
position: absolute !important;
margin-top: 20px !important;
margin-left: -380px !important;
width: 500px !important;
font-size: 26px !important;
font-weight: bold !important;
font-family: Impact !important;
color: blue !important;
-webkit-text-fill-color: white;
-webkit-text-stroke-color: black;
-webkit-text-stroke-width: 1px;
}
#donor-notification .donor {
position: absolute !important;
margin-top: 80px !important;
width: 300px !important;
margin-left: -20px !important;
font-size: 26px !important;
font-weight: bold !important;
font-family:Impact !important;
color: blue !important;
-webkit-text-fill-color: white;
-webkit-text-stroke-color: black;
-webkit-text-stroke-width: 1px;
}

.amount:after {
content: ' donation received from ';
}

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

(http://puu.sh/iUx2m/7fd35ee7ce.jpg)