Custom Donation Help

[Bigdaddyden]

Ok i like to use this as my donation graphic http://imgur.com/mIHGH1H

Im a complete noob when setting this css stuff

What do i need to do?

Ty xx

[ExpertsOnline]

That is an interesting image ... lol.
Where do you want the text to be placed? Donor Name, amount, message?
Any background colors for these texts? foreground colors?

[Bigdaddyden]

Hi experts ty for a speedy reply, yes quite a funny gif hehe for the tunuk song

Donation Amount in middle

Donators name bottom middle

White text with a black outline.

Thank you

[ExpertsOnline]

Its quite hard to make it fit to look nice given the background is non-uniform.

Try this and let me know what you want changed.

Link : http://deepbot.tv/notifications/donationnotification2.htm

CLR width 600
CLR height 140

OBS CSS Code

Code: [Select]

#donor-notification {
 width: 580px !important;
 height: 134px !important;
 background-color: transparent !important;
 background-image:url('http://i.imgur.com/mIHGH1H.gif') !important;
}

#donor-notification .title {
 padding-top: 0px !important;
}
#donor-notification .message {
  visibility: hidden !important;
}
#donor-notification .amount {
font-family: Algerian;
color: #FFFFFF !important;
font-size: 26px !important;
}
#donor-notification .donor {
font-family: Algerian;
color: #FFFFFF !important;
font-size: 26px !important;
}
#donor-notification .header {
color: #FFFFFF !important;
font-size: 26px !important;
font-family: Algerian !important;
}
#donor-notification .title {
margin-top: 100px !important;
}


[Bigdaddyden]

Could i have the donation amount in the middle of the gif about 3x larger plz

Just the donators name at the bottom middle wil be fine no need for "has donated" just the name

also when i do a preview i get a scroll bar on the far right of the gif ?

Also i like to read out the messages attached to the donation, i normally txt capture the txt file and have it scrolling on my stream

ty x

[Bigdaddyden]

i fixed the scroll bar showing! notbad 4 a noob lol.

Also on test it shows $, i need £ cheers! xx

[ExpertsOnline]

Try this?

Link :http://deepbot.tv/notifications/donationnotification3.htm?ccy=%C2%A3

You can play around with the size of the donor and amount using the 'font-size' attribute in their sections.

Code: [Select]

#donor-notification {
 width: 580px !important;
 height: 134px !important;
 background-color: transparent !important;
 background-image:url('http://i.imgur.com/mIHGH1H.gif') !important;
}

#donor-notification .title {
 padding-top: 0px !important;
}
#donor-notification .message {
  visibility: hidden !important;
}
#donor-notification .amount {
font-family: Algerian;
color: #FFFFFF !important;
font-size: 46px !important;
float: right !important;
margin-top: -140px !important;
width: 580px !important;
text-align: center !important;
}
#donor-notification .donor {
font-family: Algerian;
color: #FFFFFF !important;
font-size: 32px !important;
float: left !important;
margin-top: 90px !important;
width: 580px !important;
text-align: center !important;
}
#donor-notification .header {
color: #FFFFFF !important;
font-size: 26px !important;
font-family: Algerian !important;
visibility: hidden !important;
}

[Bigdaddyden]

Fantastic! thank you so much!

Where can i read my donators messages? is there a txt file where it gets written to so i can txt capture them on my stream?

Is there a top donator txt file?

Can i change the donation font ?

I love deepbot and will continue supporting you and your project!

ty! x

[ExpertsOnline]

The bot saves Last donor, Last donor with message, top donor, last three donors and last 5 donors in text files in the obs folder.
However these are only generated once the first donation is received.

As for the font, you can change the font in the CSS where it says Algerian.