Deep Bot - Twitch Streamer Assistant

Deep Bot => Custom Notifications => Topic started by: tornjordans on April 18, 2015, 12:08:22 PM

Title: How do i get the donation option?
Post by: tornjordans on April 18, 2015, 12:08:22 PM

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! ^.^

Title: Re: How do i get the donation option?
Post by: tornjordans on April 18, 2015, 12:12:00 PM

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

Title: Re: How do i get the donation option?
Post by: TheNumbLock on April 18, 2015, 12:46:22 PM

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?:


Title: Re: How do i get the donation option?
Post by: tornjordans on April 18, 2015, 01:18:33 PM

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

Title: Re: How do i get the donation option?
Post by: TheNumbLock on April 18, 2015, 02:33:58 PM

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

(http://puu.sh/hhVG2/965e1dc2d2.jpg)


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

(http://puu.sh/hhVvi/37f7444e67.jpg)

Title: Re: How do i get the donation option?
Post by: tornjordans on April 19, 2015, 02:02:20 AM

how/where do i add the css info? sorry :P

Title: Re: How do i get the donation option?
Post by: TheNumbLock on April 19, 2015, 02:17:34 AM

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:

(http://puu.sh/hipkg/4d2d419416.png)

(http://puu.sh/hiplU/d31485c1d2.png)