How do i get the donation option?

[tornjordans]

I guess what I'm trying to find out is how do I get it so that when someone donates, deepbot recognizes it? twitchalerts has a link that notifies them. what does deepbot have and how do I get it haha. Do I have to sign up or something? Also I would like to use this image as a gif http://giphy.com/gifs/dancing-transparent-man-CmjjuirIo0psk how do i do that! ^.^

[tornjordans]

sorry i just read somewhere that it had to be an imgur image. this one sucks but same thing i guess. http://imgur.com/gallery/iYjFs9i
i wanted a transparent background if possible and just the name and donation amount underneath him dancing

[TheNumbLock]

No, it doesn't have to be imgur. It's just a good site. This is the following info I need:

Follower Alert:

Code: [Select]

Follower Alert

Image Link:
Font Style/Link:
Font Color:
Any text fill/boarder?:
Where do you want text located? (Follower Name):
Example (If applicable):
Anything else?:

Donation Alert: (You do not need to include all 3 text options, Just an FYI.)

Code: [Select]

Donation Alert

Image Link:
Font Style/Link:
Font Color:
Any text fill/boarder?:
Currency Type:
Where do you want text located?(Donator Name, Donation Amount, Message)
Example (If applicable):
Anything else?:


[tornjordans]

oh okay! well then i would like this one! http://giphy.com/gifs/dancing-transparent-man-CmjjuirIo0psk with a transparent background (the image should be transparent anyway or at least it was on google)
text and text color don't matter. you can make it black or white whatever lol.
no fill
USD
I'd like it to look like this http://gyazo.com/44f8ec8f285bc8d38e8935cecac29994 (the colors are wrong, but you get what i mean)

Can my follower notification be the same format with this as the gif http://giphy.com/gifs/pokemon-charmander-funny-Hw7O9Np7JpXK8

[TheNumbLock]

If you need anything changed, let me know.

Requested by: tornjordans

Follower:

Link: http://deepbot.tv/notifications/follownotification1.htm
Width: 500
Height: 600

CSS Code:

Code: [Select]

#follow-notification {
display: none;
position: absolute;
width: 480px !important;
height: 480px !important;
border-radius: 0px !important;
background-image: url('http://i.giphy.com/Hw7O9Np7JpXK8.gif') !important;
background-repeat: no-repeat;
}
#follow-notification .followname {
position: absolute !important;
text-align: center !important;
margin-top: 450px !important;
margin-left: 30px !important;
margin-right: 100px !important;
width: 400px !important;
font-size: 30px !important;
font-weight: normal !important;
font-weight: normal !important;
    font-family: Algerian;
    text-shadow: 1px 1px 1px #000;
}

.followname:after {
content: ' is now following!' !important;
}

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




Donation:

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

CSS Code:

Code: [Select]

#donor-notification {
position: center !important;
width: 500px !important;
height: 500px !important;
background-color: transparent !important;
background-image:url('http://i.giphy.com/CmjjuirIo0psk.gif') !important;
background-repeat: no-repeat !important;
background-size: contain !important;
}


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

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

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

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

#donor-notification .amount {
position: absolute !important;
margin-top: 100px !important;
margin-left: -45px !important;
width: 100px !important;
font-size: 24px !important;
font-weight: normal !important;
    font-family: Algerian;
    text-shadow: 1px 1px 1px #000;
    color: white;
}
#donor-notification .donor {
position: absolute !important;
margin-top: 100px !important;
margin-left: -70px !important;
width: 300px !important;
font-size: 24px !important;
font-weight: normal !important;
    font-family: Algerian;
    text-shadow: 1px 1px 1px #000;
    color: white;
}

.donor:after {
content: ' donated' !important;
}

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

[tornjordans]

how/where do i add the css info? sorry

[TheNumbLock]

OBS>Add Source>CLR Browser>Put the URL and Dimensions in on the first TAB of the CLR Browser>Then the CSS in the CSS tab. Overwrite anything in the CSS tab.

Example: