Both sides previous revision Previous revision Next revision | Previous revision |
widgets [2017/05/02 22:57] – repentgamingtv | widgets [2020/11/29 22:07] (current) – Updated chat link from v10 to v11 (Same as chat Deepbot opens up) dante557 |
---|
| **Drag Race** | [[http://deepbot.tv/widgets/racetrack.htm|Here]] 900x650 || | | **Drag Race** | [[http://deepbot.tv/widgets/racetrack.htm|Here]] 900x650 || |
| **Follow** | [[http://deepbot.tv/notifications/follownotification.htm?dur=10000|Here]] 500x100 | [[http://deepbot.tv/notifications/follownotification1.htm?dur=10000|Here]] | | | **Follow** | [[http://deepbot.tv/notifications/follownotification.htm?dur=10000|Here]] 500x100 | [[http://deepbot.tv/notifications/follownotification1.htm?dur=10000|Here]] | |
| **GameWisp** | [[http://deepbot.tv/notifications/gwnotification.htm|Here]] || | |
| **Host** | [[http://deepbot.tv/notifications/hostnotification.htm?w=600&h=200|Here]] | [[http://deepbot.tv/notifications/hostnotification.htm?w=600&h=200|Here]] | | | **Host** | [[http://deepbot.tv/notifications/hostnotification.htm?w=600&h=200|Here]] | [[http://deepbot.tv/notifications/hostnotification.htm?w=600&h=200|Here]] | |
| **Leader Board/Event List** | [[http://deepbot.tv/widgets/LeaderBoard.htm?num=5&time=15&test=0|Here]] || | | **Leader Board/Event List** | [[http://deepbot.tv/widgets/LeaderBoard.htm?num=5&time=15&test=0|Here]] || |
| **OBS/Twitch Chat Overlay** | [[http://deepbot.tv/notifications/OBSChatv10.htm?fade=30|Here]] || | | **OBS/Twitch Chat Overlay** | [[http://deepbot.tv/notifications/OBSChatv11.htm?fade=30|Here]] || |
| **Roulette** | [[http://deepbot.tv/widgets/roulette.htm|Here]] | [[http://deepbot.tv/widgets/roulette_minimal.htm?hidecountdown=1&hidewinners=1|Minimal Version Here]] | | | **Roulette** | [[http://deepbot.tv/widgets/roulette.htm|Here]] | [[http://deepbot.tv/widgets/roulette_minimal.htm?hidecountdown=1&hidewinners=1|Minimal Version Here]] | |
| **Subscriber** | [[http://deepbot.tv/notifications/subnotification3.htm|Here]] || | | **Subscriber** | [[http://deepbot.tv/notifications/subnotification3.htm|Here]] || |
| **Drag Race** | [[http://deepbot.tv/widgets/racetrack.htm|Here]] 900x650 || | | **Drag Race** | [[http://deepbot.tv/widgets/racetrack.htm|Here]] 900x650 || |
| **Follow** | [[http://deepbot.tv/notifications/follownotification.htm?dur=10000|Here]] 500x100 | [[http://deepbot.tv/notifications/follownotification1.htm?dur=10000|Here]] | | | **Follow** | [[http://deepbot.tv/notifications/follownotification.htm?dur=10000|Here]] 500x100 | [[http://deepbot.tv/notifications/follownotification1.htm?dur=10000|Here]] | |
| **GameWisp** | [[http://deepbot.tv/notifications/gwnotification.htm|Here]] || | |
| **Host** | [[http://deepbot.tv/notifications/hostnotification.htm?w=600&h=200|Here]] | [[http://deepbot.tv/notifications/hostnotification.htm?w=600&h=200|Here]] | | | **Host** | [[http://deepbot.tv/notifications/hostnotification.htm?w=600&h=200|Here]] | [[http://deepbot.tv/notifications/hostnotification.htm?w=600&h=200|Here]] | |
| **Leader Board/Event List** | [[http://deepbot.tv/widgets/LeaderBoard.htm?num=5&time=15&test=0|Here]] || | | **Leader Board/Event List** | [[http://deepbot.tv/widgets/LeaderBoard.htm?num=5&time=15&test=0|Here]] || |
| **OBS/Twitch Chat Overlay** | [[http://deepbot.tv/notifications/OBSChatv10.htm?fade=30|Here]] || | | **OBS/Twitch Chat Overlay** | [[http://deepbot.tv/notifications/OBSChatv11.htm?fade=30|Here]] || |
| **Roulette** | [[http://deepbot.tv/widgets/roulette.htm|Here]] | [[http://deepbot.tv/widgets/roulette_minimal.htm?hidecountdown=1&hidewinners=1|Minimal Version Here]] | | | **Roulette** | [[http://deepbot.tv/widgets/roulette.htm|Here]] | [[http://deepbot.tv/widgets/roulette_minimal.htm?hidecountdown=1&hidewinners=1|Minimal Version Here]] | |
| **Subscriber** | [[http://deepbot.tv/notifications/subnotification3.htm|Here]] || | | **Subscriber** | [[http://deepbot.tv/notifications/subnotification3.htm|Here]] || |
| **Drag Race** | [[http://deepbot.tv/widgets/racetrack.htm|Here]] 900x650 || | | **Drag Race** | [[http://deepbot.tv/widgets/racetrack.htm|Here]] 900x650 || |
| **Follow** | [[http://deepbot.tv/notifications/follownotification.htm?dur=10000|Here]] 500x100 | [[http://deepbot.tv/notifications/follownotification1.htm?dur=10000|Here]] | | | **Follow** | [[http://deepbot.tv/notifications/follownotification.htm?dur=10000|Here]] 500x100 | [[http://deepbot.tv/notifications/follownotification1.htm?dur=10000|Here]] | |
| **GameWisp** | [[http://deepbot.tv/notifications/gwnotification.htm|Here]] || | |
| **Host** | [[http://deepbot.tv/notifications/hostnotification.htm?w=600&h=200|Here]] | [[http://deepbot.tv/notifications/hostnotification.htm?w=600&h=200|Here]] | | | **Host** | [[http://deepbot.tv/notifications/hostnotification.htm?w=600&h=200|Here]] | [[http://deepbot.tv/notifications/hostnotification.htm?w=600&h=200|Here]] | |
| **Leader Board/Event List** | [[http://deepbot.tv/widgets/LeaderBoard.htm?num=5&time=15&test=0|Here]] || | | **Leader Board/Event List** | [[http://deepbot.tv/widgets/LeaderBoard.htm?num=5&time=15&test=0|Here]] || |
| **OBS/Twitch Chat Overlay** | [[http://deepbot.tv/notifications/OBSChatv10.htm?fade=30|Here]] || | | **OBS/Twitch Chat Overlay** | [[http://deepbot.tv/notifications/OBSChatv11.htm?fade=30|Here]] || |
| **Roulette** | [[http://deepbot.tv/widgets/roulette.htm|Here]] | [[http://deepbot.tv/widgets/roulette_minimal.htm?hidecountdown=1&hidewinners=1|Minimal Version Here]] | | | **Roulette** | [[http://deepbot.tv/widgets/roulette.htm|Here]] | [[http://deepbot.tv/widgets/roulette_minimal.htm?hidecountdown=1&hidewinners=1|Minimal Version Here]] | |
| **Subscriber** | [[http://deepbot.tv/notifications/subnotification3.htm|Here]] || | | **Subscriber** | [[http://deepbot.tv/notifications/subnotification3.htm|Here]] || |
| **Drag Race** | [[http://deepbot.tv/widgets/racetrack.htm|Here]] 900x650 || | | **Drag Race** | [[http://deepbot.tv/widgets/racetrack.htm|Here]] 900x650 || |
| **Follow** | [[http://deepbot.tv/notifications/follownotification.htm?dur=10000|Here]] 500x100 | [[http://deepbot.tv/notifications/follownotification1.htm?dur=10000|Here]] | | | **Follow** | [[http://deepbot.tv/notifications/follownotification.htm?dur=10000|Here]] 500x100 | [[http://deepbot.tv/notifications/follownotification1.htm?dur=10000|Here]] | |
| **GameWisp** | [[http://deepbot.tv/notifications/gwnotification.htm|Here]] || | |
| **Host** | [[http://deepbot.tv/notifications/hostnotification.htm?w=600&h=200|Here]] | [[http://deepbot.tv/notifications/hostnotification.htm?w=600&h=200|Here]] | | | **Host** | [[http://deepbot.tv/notifications/hostnotification.htm?w=600&h=200|Here]] | [[http://deepbot.tv/notifications/hostnotification.htm?w=600&h=200|Here]] | |
| **Leader Board/Event List** | [[http://deepbot.tv/widgets/LeaderBoard.htm?num=5&time=15&test=0|Here]] || | | **Leader Board/Event List** | [[http://deepbot.tv/widgets/LeaderBoard.htm?num=5&time=15&test=0|Here]] || |
| **OBS/Twitch Chat Overlay** | [[http://deepbot.tv/notifications/OBSChatv10.htm?fade=30|Here]] || | | **OBS/Twitch Chat Overlay** | [[http://deepbot.tv/notifications/OBSChatv11.htm?fade=30|Here]] || |
| **Roulette** | [[http://deepbot.tv/widgets/roulette.htm|Here]] | [[http://deepbot.tv/widgets/roulette_minimal.htm?hidecountdown=1&hidewinners=1|Minimal Version Here]] | | | **Roulette** | [[http://deepbot.tv/widgets/roulette.htm|Here]] | [[http://deepbot.tv/widgets/roulette_minimal.htm?hidecountdown=1&hidewinners=1|Minimal Version Here]] | |
| **Subscriber** | [[http://deepbot.tv/notifications/subnotification3.htm|Here]] || | | **Subscriber** | [[http://deepbot.tv/notifications/subnotification3.htm|Here]] || |
| **Drag Race** | [[widgets#Drag Race|Here]] || | | **Drag Race** | [[widgets#Drag Race|Here]] || |
| **Follow** | [[widgets#Default Follow Notification|Here]] | [[widgets#Custom Follow Notification|Here]] | | | **Follow** | [[widgets#Default Follow Notification|Here]] | [[widgets#Custom Follow Notification|Here]] | |
| **GameWisp** | [[widgets#GameWisp Notification|Here]] || | |
| **Host** | [[widgets#Host Notification|Here]] || | | **Host** | [[widgets#Host Notification|Here]] || |
| **Leader Board/Event List** | [[widgets#Leader Board|Here]] || | | **Leader Board/Event List** | [[widgets#Leader Board|Here]] || |
visibility: hidden; | visibility: hidden; |
padding-top: -50px; | padding-top: -50px; |
} | |
</code> | |
| |
---- | |
| |
=== GameWisp Notification === | |
| |
---- | |
| |
<code css> | |
body { | |
background-color: transparent; | |
color: black; | |
} | |
| |
#sub-notification { | |
display: none; | |
position: absolute; | |
top: 0px; | |
left: 0px; | |
width: 670px; | |
height: 200px; | |
background-repeat: no-repeat; | |
background-position-y: 0px; | |
background-image: url(http://deepbot.tv/notifications/images/gwnotice.png); | |
} | |
| |
#sub-notification .subname { | |
margin-left: 150px; | |
padding-top: 30px; | |
width: 455px; | |
text-align: center; | |
line-height: 14px; | |
font-size: 32px; | |
font-family: Verdana; | |
text-shadow: 2px 2px 1px #FFF; | |
text-transform: uppercase; | |
color: ##FF0000; | |
} | |
| |
#sub-notification .subtier { | |
position: absolute; | |
top: 53px; | |
margin-left: 75px; | |
width: 380px; | |
text-align: left; | |
line-height: 14px; | |
font-size: 34px; | |
font-family: Algerian; | |
text-shadow: 2px 2px 1px #F00; | |
color: ##FF0000; | |
} | |
| |
#sub-notification .submonths { | |
position: absolute; | |
top: 65px; | |
margin-left: 150px; | |
width: 455px; | |
text-align: center; | |
line-height: 14px; | |
font-size: 30px; | |
font-family: Calibri; | |
text-shadow: 1px 1px 1px #000; | |
color: ##FF0000; | |
} | |
| |
#sub-notification .newsubmsg { | |
position: absolute; | |
top: 65px; | |
margin-left: 150px; | |
width: 455px; | |
text-align: center; | |
line-height: 14px; | |
font-size: 30px; | |
font-family: Calibri; | |
text-shadow: 1px 1px 1px #000; | |
color: ##FF0000; | |
} | |
| |
#sub-notification .submonths::after { | |
content: " Months!"; | |
} | |
| |
#sub-notification .newsubmsg::after { | |
content: "New Sub!"; | |
} | |
| |
#sub-notification .subamount { | |
font-family: 'Vollkorn', serif; | |
font-size: 28px; | |
line-height: 20px; | |
text-transform: uppercase; | |
font-weight: bold; | |
color: red; | |
border: 7px solid rgba(255, 0, 0, 0.5); | |
float: left; | |
padding: 10px 7px; | |
border-radius: 10px; | |
opacity: 0.8; | |
-webkit-transform: rotate(-25deg); | |
-o-transform: rotate(-25deg); | |
-moz-transform: rotate(-25deg); | |
-ms-transform: rotate(-25deg); | |
position: absolute; | |
top: 20%; | |
left: 80%; | |
} | } |
</code> | </code> |