Donation banner plz

[Gridsquare]

I'm looking for a large (900x400ish) donation notification.  This is my current twitch layout and I will link the black chrome background as well.  The font is CAPTURE IT.  Can you guys help me out?

http://i.imgur.com/YER3kr0


http://imgur.com/q1V4lPk

Thanks!!

[ExpertsOnline]

Could you describe how you would like it to look? appear where in that layout? what colour? with what information?

[Gridsquare]

This is what my buddy made for me.  It's too big to put on Imgur, but this is the general idea.  Black chrome background, the gif of the dancing dude off to the side, with a space for the User's name, how much they donated, and space for their message.

[Gridsquare]

This is the font:

http://www.dafont.com/earth-kid.font

[Gridsquare]

Anyone, please?

[ExpertsOnline]

You will need to provide the final image you would like to use with the locations for the messages before I can help you create the CSS overlay to position the messages in the right location.
Have a look at some of the other threads in this forum for examples.

Regards,
Experts

[Gridsquare]

HERE IT IS!  Finally got it small enough.

http://imgur.com/Itm7Hd0

Inside the box, I'd like the username.

Where the fat guy is techno dancing, above his head, centered in large font that I listed earlier, the donation amount.

The entire space below the gray username box is for the message that the user wants.

Is this sufficient?

[ExpertsOnline]

Link : http://deepbot.tv/notifications/donationnotification.htm
width: 910
height: 500

CSS Code:

Code: [Select]

#donor-notification {
position: absolute;
left: 0px !important;
width: 910px !important;
height: 500px !important;
background-repeat: no-repeat;
background-size: contain !important;
background-image: url('http://i.imgur.com/Itm7Hd0.gif') !important;
overflow: hidden !important;
}

#donor-notification .date {
visibility: hidden !important;
}

#donor-notification .streamname {
visibility: hidden !important;
}

#donor-notification .message {
position: absolute;
margin-left: 35px !important;
margin-top: 135px !important;
float: left !important;
height: 120px !important;
padding-top: 0px !important;
width: 460px !important;
line-height: 24px !important;
text-align: center !important;
vertical-align: top !important;
font-size: 22px !important;
font-family: Earth Kid, Verdana !important;
color: white !important;
}
#donor-notification .amount {
position: absolute;
margin-top: -70px !important;
margin-left: 530px !important;
width: 350px !important;
padding-top: 0px !important;
text-align: center !important;
line-height: 26px !important;
vertical-align: top !important;
font-size: 52px !important;
font-family: Algerian !important;
text-shadow: 1px 1px 1px #000 !important;
color: white !important;
}
#donor-notification .donor {
position: absolute;
margin-left: 35px !important;
padding-top: 0px !important;
margin-top: 73px !important;
width: 460px !important;
text-align: center !important;
line-height: 28px !important;
vertical-align: initial !important;
font-size: 32px !important;
font-family: Earth Kid, Algerian !important;
text-shadow: 1px 1px 1px #000 !important;
color: white !important;
}
Preview:

[Gridsquare]

You magnificent bastard!  Is there nothing you can't do?  Holy crap, man, this is amazing work!  Thank you so, so much for this!!