Deep Bot - Twitch Streamer Assistant

Deep Bot => Custom Notifications => Topic started by: dominerar on September 17, 2014, 04:41:24 AM

Title: Need Custom Noticfications
Post by: dominerar on September 17, 2014, 04:41:24 AM

Hey there Im looking for a follower notification wich has this as background

http://i5.photobucket.com/albums/y158/adira_tyree/snake/snakebar.jpg

Or if its possible

I was trying to upload and scale a gif to be 500px, 100 px. I did it, but when i uploaded it it was just a .Gif without movement
 THIS :  http://i.giphy.com/nOFWb50JcTgAw.gif

Oh well I guess adding a gif as a notification is to hightech for me!

Anyway, would be greatly appreciated if someone (experts :D ) can help me :)

*Edit
The complete "notification banner" would look like this http://imgur.com/22kvPIP but the gif part would be moving.

Would really really appreciate it! And donate a buck or two for it!

Title: Re: Need Custom Noticfications
Post by: ExpertsOnline on September 17, 2014, 01:38:54 PM

Where do you want the follower name to be placed?

Also, you can't simply add a static image and save as jpg to edit a gif. Every frame needs to be editied.

Title: Re: Need Custom Noticfications
Post by: dominerar on September 17, 2014, 01:56:05 PM

The follower name should be in the center.

Of course

Title: Re: Need Custom Noticfications
Post by: ExpertsOnline on September 17, 2014, 02:35:16 PM

Follows

Link : http://deepbot.tv/notifications/follownotification.htm
Width: 510
Height: 110

CSS Code

Code: [Select]

#follow-notification {
position: absolute;
width: 500px !important;
height: 110px !important;
background-color: transparent !important;
border-radius: 0px !important;
background-image: url('http://i5.photobucket.com/albums/y158/adira_tyree/snake/snakebar.jpg') !important;
background-repeat: no-repeat !important;
}
#follow-notification .leftimage {
position: absolute !important;
width: 243px !important;
background-repeat: no-repeat !important;
background-image: url('http://i.giphy.com/nOFWb50JcTgAw.gif') !important;
background-size: 243px !important;
border-radius: 0px !important;
z-index: 0 !important;
}
#follow-notification .followname {
position: absolute !important;
margin-left: 0px !important;
padding-top: 20px !important;
text-align: center !important;
width: 500px !important;
font-size: 32px !important;
font-family: Algerian !important;
text-shadow: 2px 2px 1px #000 !important;
color: #ffffff !important;
}

#follow-notification .header {
position: absolute !important;
visibility: hidden !important;
}
Preview:
(http://puu.sh/bCokE/adeb7d76d8.jpg)

Title: Re: Need Custom Noticfications
Post by: dominerar on September 17, 2014, 03:05:58 PM

Wow! Thats awesome! You're The best man!