Author Topic: How i can insert my .gif?  (Read 7144 times)

0 Members and 1 Guest are viewing this topic.

MissHype

  • Youngling
  • *
  • Posts: 4
  • Karma: +0/-0
    • View Profile
  • Twitch Name: www.twitch.tv/misshypede
How i can insert my .gif?
« on: December 21, 2014, 03:03:06 AM »
Hey guys and sorry for my english.

I used twitchalerts for my donation alert. Now i have experts send my paypal and twitchname to use the bot for shouts and any.
I can set my sound "bangarang" but i cant set my awsome .gif...

and i dont know where i have to insert the link that i get from experts. the wiki is nice, but i dont understand it.

perhaps anyone can help me :) German language is very welcome ^^

best regards

ExpertsOnline

  • Creator
  • Councilor
  • *****
  • Posts: 2656
  • Karma: +289/-24
    • View Profile
  • Twitch Name: expertsonline
Re: How i can insert my .gif?
« Reply #1 on: December 21, 2014, 11:27:28 AM »
Please provide the .gif you would like to use.

MissHype

  • Youngling
  • *
  • Posts: 4
  • Karma: +0/-0
    • View Profile
  • Twitch Name: www.twitch.tv/misshypede
Re: How i can insert my .gif?
« Reply #2 on: December 22, 2014, 08:33:07 PM »
image: http://www.raze4u.de/stream/sub.gif
sound: http://www.raze4u.de/stream/bangarang.mp3

But the text how has donated and how much and the text for this is from twitchalerts. its not included in the gif. or can u make that?

position of the give is in the upper middle. 

thank you

best regards
« Last Edit: December 22, 2014, 08:41:12 PM by MissHype »

ExpertsOnline

  • Creator
  • Councilor
  • *****
  • Posts: 2656
  • Karma: +289/-24
    • View Profile
  • Twitch Name: expertsonline
Re: How i can insert my .gif?
« Reply #3 on: December 22, 2014, 08:56:07 PM »
Link : http://deepbot.tv/notifications/donationnotification2.htm
Width: 320
Height: 240

CSS Code:
Code: [Select]
#donor-notification {
width: 320px !important;
height: 240px !important;
background-color: transparent !important;
background-image:url('http://www.raze4u.de/stream/sub.gif') !important;
background-repeat: no-repeat !important;
background-size: initial !important;
overflow: hidden !important;
}


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

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

#donor-notification .message {
visibility: hidden !important;
}
#donor-notification .amount {
position: absolute !important;
margin-top: 185px !important;
font-size: 32px !important;
width: 320px !important;
text-align: center !important;
font-family: Impact !important;
font-weight: normal !important;
text-shadow: 3px 4px 1px #000 !important;
color: white !important;
}
#donor-notification .donor {
position: absolute !important;
margin-top: 150px !important;
width: 320px !important;
text-align: center !important;
font-size: 32px !important;
font-family: impact !important;
font-weight: normal !important;
text-shadow: 3px 4px 1px #000 !important;
color: white !important;
}
#donor-notification .title {
padding-top: 0px !important;
margin-left: 0px !important;
width: 76% !important;
float: left !important;
text-align: left !important;
}

Preview:

MissHype

  • Youngling
  • *
  • Posts: 4
  • Karma: +0/-0
    • View Profile
  • Twitch Name: www.twitch.tv/misshypede
Re: How i can insert my .gif?
« Reply #4 on: December 25, 2014, 08:55:50 AM »
Thank you very much, i has set it, but its sooo loud ^^ can i set it?

ok find it :) thank you very much <3

regards
« Last Edit: December 25, 2014, 09:09:34 AM by MissHype »

ChewieMelodies

  • Youngling
  • *
  • Posts: 20
  • Karma: +0/-0
    • View Profile
  • Twitch Name: ChewieMelodies
Re: How i can insert my .gif?
« Reply #5 on: January 11, 2015, 04:12:38 AM »
Hi Experts,

I also want to add my own gif; I want it for new subscribers (instead of donators).

I've attached the gif I want to use.

Can you possibly give me a URL to add to the Deepbot for this? You can re-size the gif so that it's the same position and size as the default credit card subscriber image.

I appreciate it, loving Deepbot so far.

- Chewie
« Last Edit: January 11, 2015, 04:23:34 AM by ChewieMelodies »

ChewieMelodies

  • Youngling
  • *
  • Posts: 20
  • Karma: +0/-0
    • View Profile
  • Twitch Name: ChewieMelodies
Re: How i can insert my .gif?
« Reply #6 on: January 11, 2015, 04:26:24 AM »
Oops, not sure if my gif was attached. Here's the link: http://imgur.com/F7VIiJE

Text can be simple- "New subscriber - subname"

Thanks for your help

Pyrocide

  • Youngling
  • *
  • Posts: 10
  • Karma: +1/-0
    • View Profile
    • twitch.tv/pyrocide_
  • Twitch Name: Pyrocide_
Re: How i can insert my .gif?
« Reply #7 on: January 11, 2015, 12:28:23 PM »
Misshype

I've edited your sound byte to be a little quieter, it almost blasted my eardrums open previously, use this one instead!

http://www.filedropper.com/bangarang

files is too big to attach on the forum, uploaded it to filedropper for you :)