Author Topic: Host alert notification help  (Read 2111 times)

0 Members and 1 Guest are viewing this topic.

dorian_d

  • Youngling
  • *
  • Posts: 7
  • Karma: +0/-0
    • View Profile
  • Twitch Name: dorian_d
Host alert notification help
« on: March 21, 2016, 03:51:33 PM »
Hi deepbot forums. I was hoping to make this as my host alert but not sure how to do the formating. If a deepbot support member is able to help me out that would be awesome! The following link will have the image I would like to use as my host alert. http://imgur.com/Q4shF7c

TheNumbLock

  • Advisor
  • Councilor
  • **
  • Posts: 4776
  • Karma: +137/-5
    • View Profile
  • Twitch Name: TheNumbLock
Re: Host alert notification help
« Reply #1 on: March 24, 2016, 01:34:12 PM »
I do not know if this will work for you, but here you go:

Requested by: dorian_d

Host:

Link: http://deepbot.tv/notifications/follownotification1.htm
Width: 850
Height: 650

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

#host-notification {
top: 0px;
left: 0px;
width: 800px !important;
height: 600px !important;
border-radius: 0px !important;
background-image: url('http://i.imgur.com/Q4shF7c.gif') !important;
background-repeat: no-repeat;
overflow: visible !important;
}

#host-notification .hostname {
margin-top: 5px !important;
  margin-left: 230px !important;
text-align: center;
width: 313px;
font-size: 32px !important; 
font-family: Impact !important;
text-shadow: 0px 0px 0px #000 !important;
color: white !important;
}

.hostdiv {
text-align: center;
vertical-align: middle;
margin-top: 4px;
margin-left: 2px;
text-shadow: 0px 0px 0px #000 !important;
color: white !Important;
border-radius: 50%;
width: 44px;
height: 38px;
line-height: 36px;
background: #0000;
border: 0px solid #F00 !important;
font: 32px Impact !important;
-webkit-transform: rotate(0deg) !important;
}

.hostnumber {
position: absolute !important;
top: 20% !important;
margin-left: 290px !important;
margin-top: 110px !important;
}

#host-notification .header {
text-align: center;
width: 500;
vertical-align: top;
font-size: 26px;
line-height: 26px;
font-family: Algerian;
text-shadow: 1px 1px 1px #97A02A;
text-decoration: underline;
color: red;
visibility: hidden;
padding-top: -50px;
}

.hostname:after {
content: ' is hosting the stream for ' !important;
}

.hostnumber:after {
content: 'viewers!' !important;
margin-left: 10px !important;
}
.header:after {
content: ' viewers!' !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