The program works amazing, thank you for that. All i want is to use a custom image when the donations pop on screen and I can not calibrate it to look decent( it looks always streched) with the text in middle.
Here is the image that i want to use, maybe some of you will help me. Thanks in advance.
P.S : even if the image is a bit smaller it won't be any problem.
You must change the image in the URL supplied aswell the CSS to allow larger images. I will try and share it here without giving away any of my info lol
So 1st you need to change the image URL Night provides to something like a imgur direct link (Image link ending in a .png) like so
Original:
Code:
https://www.nightdev.com/hosted/donation-alert/?channel=USERNAME&amount=1.00&key=YOURTRACKERID&type=flat&alert=https%3A%2F%2Fi.imgur.com%2FJ1dhv1j.png&sound=SOUNDID
Then I take my image I want to use for the alert and upload it to Imgur or Vidble and replace the "https%3A%2F%2Fi.imgur.com%2FJ1dhv1j.png" link with the new imgur link.
Edited:
Code:
https://www.nightdev.com/hosted/donation-alert/?channel=USERNAME&amount=1.00&key=YOURTRACKERID&type=flat&alert=https%3A%2F%2Fi.imgur.com%2Fus2WSnb.png&sound=SOUNDID
My donation image is 1280x720 because that is what I stream at and looks like this
feel free to use it.
Now you need the CSS, All i did was take Night's default CSS and alter minor things
Code:
::-webkit-scrollbar {
visibility: hidden;
}
body {
background-color: rgba(0, 0, 0, 0);
margin: 0px auto;
}
#donation-alert {
height: 720px !important;
width: 1280px !important;
}
#donation-alert .text {
margin-left: 0px !important;
padding-top: 660px !important;
width: 1280px !important;
}
I changed the size to 1280x720 and centered the text (as good as I could)
Now when you do this, you have to make sure you change the resolution in CLR Browser aswell to 1280x720
Hope this helps some people out looking to do custom images. It will also support .Gif images but you need to make sure sites can host the files (usually larger then .png) and can direct link to them. I use imgur and vidble.
Vaughn
