Author Topic: Custom Gamewisp CSS work  (Read 2298 times)

0 Members and 1 Guest are viewing this topic.

Spektral50

  • Youngling
  • *
  • Posts: 9
  • Karma: +0/-0
    • View Profile
  • Twitch Name: Spektral50
Custom Gamewisp CSS work
« on: May 14, 2016, 01:26:55 AM »
Hello I was hoping you could help me get my CSS work for CLR brower done for my gamewisp notification

this is the image I would like: http://imgur.com/nlpxMTj

TheNumbLock

  • Advisor
  • Councilor
  • **
  • Posts: 4776
  • Karma: +137/-5
    • View Profile
  • Twitch Name: TheNumbLock
Re: Custom Gamewisp CSS work
« Reply #1 on: May 14, 2016, 02:12:56 AM »
GameWisp:
Code: [Select]
GameWisp Sub Alert

Image Link:
Font Style/Link:
Font Color:
Any text fill/boarder?:
What do you want the alert to say?(Text Options: Sub Name, Sub months, New Sub, Sub Tier):
Example (If applicable):
Anything else?:
Old Name: RepentGamingTV
Twitch: Here

Need help ASAP?
Join Deepbot's Discord: Discord.Deepbot.tv
Deepbot's Twitter: @DeepSupport

Spektral50

  • Youngling
  • *
  • Posts: 9
  • Karma: +0/-0
    • View Profile
  • Twitch Name: Spektral50
Re: Custom Gamewisp CSS work
« Reply #2 on: May 14, 2016, 02:25:18 AM »
GameWisp Sub Alert

Image Link: http://imgur.com/nlpxMTj
Font Style/Link: impact
Font Color: white text with black border

What it should say: User has subbed to the Hoodie Ninja Elite!

TheNumbLock

  • Advisor
  • Councilor
  • **
  • Posts: 4776
  • Karma: +137/-5
    • View Profile
  • Twitch Name: TheNumbLock
Re: Custom Gamewisp CSS work
« Reply #3 on: May 14, 2016, 03:07:45 AM »
Requested by:

Follower:

Link: http://deepbot.tv/notifications/gwnotification.htm?dur=10000
Width: 800
Height: 800

CSS Code:
Code: [Select]
body {
  background-color: transparent;
  color: black;
}

#sub-notification {
  display: none;
  position: absolute;
  top: 0px;
  left: 0px;
  width: 800px !important;
  height: 800px !important;
  background-repeat: no-repeat;
  background-position-y: 0px;
  background-image: url(http://i.imgur.com/nlpxMTj.png) !important;
}

#sub-notification .subname {
  margin-left: 160px !important;
  margin-top: 10px !important;
  padding-top: 30px;
  width: 455px;
  text-align: center;
  line-height: 30px !important;
  font-size: 30px !important;
  font-weight: normal !important;
  font-family: Impact !important;
  text-shadow: none !important;
  text-transform: none !important;
  color: White !important;
  -webkit-text-stroke-color: black;
  -webkit-text-stroke-width: 1.5px;
}

#sub-notification .subtier {
visibility: hidden !important;
}

#sub-notification .submonths {
visibility: hidden !important;
}

#sub-notification .newsubmsg {
visibility: hidden !important;
}

#sub-notification .submonths::after {
  content: '' !important;
}

#sub-notification .subname::after {
  content: ' has subbed to the Hoodie Ninja Elite!' !important;
}

.submonths::before {
content: '' !important;
}

#sub-notification .newsubmsg::after {
  content: '';
}

.subtier::before {
content: '' !important;
}

#sub-notification .subamount {
visibility: hidden !important;
}

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

Old Name: RepentGamingTV
Twitch: Here

Need help ASAP?
Join Deepbot's Discord: Discord.Deepbot.tv
Deepbot's Twitter: @DeepSupport