Donation alert.

[rezonen]

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

http://imgur.com/gLYG22h,euR4qvd

[TheNumbLock]

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

[rezonen]

The one in the link ?

[TheNumbLock]

There is two. But I will use that one

[rezonen]

Thanks

[TheNumbLock]

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.)

[rezonen]

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



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

[rezonen]

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 ?



Thank you in advance.

[TheNumbLock]

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.

[rezonen]

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.

[TheNumbLock]

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.)