Difference between revisions of "Template:AdventCalendar"
From PokéHeroes Wiki
| Line 1: | Line 1: | ||
<html> | <html> | ||
| + | <script type="text/javascript"> | ||
| + | window.onload = function(){ | ||
| + | var n = 3; | ||
| + | var number = Math.floor(Math.random()*n)+1; | ||
| + | $('#calendar').css("background-image", "url(http://pokeheroes.com/img/christmas/2015/"+number+".png)"); | ||
| + | }; | ||
| + | </script> | ||
<style> | <style> | ||
.adventcalender { | .adventcalender { | ||
float: left; | float: left; | ||
| − | background: url("http://pokeheroes.com/img/christmas/ | + | background: url("http://pokeheroes.com/img/christmas/2015/1.png") no-repeat scroll 0% 0% / 80px 60px transparent; |
width: 331px; | width: 331px; | ||
height: 493px; | height: 493px; | ||
| Line 13: | Line 20: | ||
background-size: 331px 493px; | background-size: 331px 493px; | ||
} | } | ||
| − | + | .changelook { | |
| + | border: 2px solid; | ||
| + | width: 331px; | ||
| + | |||
| + | } | ||
.adventcalender .door { | .adventcalender .door { | ||
width: 45px; | width: 45px; | ||
| Line 26: | Line 37: | ||
} | } | ||
</style> | </style> | ||
| − | <div class="adventcalender" style="margin-top: 16px"> | + | <div id="calendar" class="adventcalender" style="margin-top: 16px"> |
<table style="position: relative; margin: auto auto"> | <table style="position: relative; margin: auto auto"> | ||
<tbody><tr><td><div class="door" style="cursor: pointer" >24</div></td><td><div class="door" style="cursor: pointer" >12</div></td><td><div class="door" style="cursor: pointer" >18</div></td><td><div class="door" id="advent14" style="cursor: pointer">14</div></td></tr><tr><td><div class="door" id="advent7" style="background: black; cursor: pointer">7</div></td><td><div class="door" id="advent4" style="background: black; cursor: pointer">4</div></td><td><div class="door" id="advent9" style=" background: black; cursor: pointer" >9</div></td><td><div class="door" id="advent22" style="cursor: pointer">22</div></td></tr><tr><td><div class="door" id="advent17" style="cursor: pointer">17</div></td><td><div class="door" id="advent15" style="cursor: pointer">15</div></td><td><div class="door" id="advent13" style="cursor: pointer" >13</div></td><td><div class="door" id="advent2" style="background: black; cursor: pointer" >2</div></td></tr><tr><td><div class="door" id="advent3" style="background: black; cursor: pointer">3</div></td><td><div class="door" id="advent6" style="background: black; cursor: pointer">6</div></td><td><div class="door" id="advent21" style="cursor: pointer">21</div></td><td><div class="door" id="advent16" style="cursor: pointer" >16</div></td></tr><tr><td><div class="door" id="advent8" style="cursor: pointer" >8</div></td><td><div class="door" id="advent19" style="cursor: pointer" >19</div></td><td><div class="door" id="advent11" style="cursor: pointer" >11</div></td><td><div class="door" id="advent5" style="background: black; cursor: pointer" >5</div></td></tr><tr><td><div class="door" id="advent10" style=" background: black; cursor: pointer" >10<p style="font-size: 13px;">(today)</p></div></td><td><div class="door" id="advent20" style="cursor: pointer" >20</div></td><td><div class="door" id="advent1" style="background: black; cursor: pointer" >1</div></td><td><div class="door" id="advent23" style="cursor: pointer" >23</div></td></tr> </tbody></table> | <tbody><tr><td><div class="door" style="cursor: pointer" >24</div></td><td><div class="door" style="cursor: pointer" >12</div></td><td><div class="door" style="cursor: pointer" >18</div></td><td><div class="door" id="advent14" style="cursor: pointer">14</div></td></tr><tr><td><div class="door" id="advent7" style="background: black; cursor: pointer">7</div></td><td><div class="door" id="advent4" style="background: black; cursor: pointer">4</div></td><td><div class="door" id="advent9" style=" background: black; cursor: pointer" >9</div></td><td><div class="door" id="advent22" style="cursor: pointer">22</div></td></tr><tr><td><div class="door" id="advent17" style="cursor: pointer">17</div></td><td><div class="door" id="advent15" style="cursor: pointer">15</div></td><td><div class="door" id="advent13" style="cursor: pointer" >13</div></td><td><div class="door" id="advent2" style="background: black; cursor: pointer" >2</div></td></tr><tr><td><div class="door" id="advent3" style="background: black; cursor: pointer">3</div></td><td><div class="door" id="advent6" style="background: black; cursor: pointer">6</div></td><td><div class="door" id="advent21" style="cursor: pointer">21</div></td><td><div class="door" id="advent16" style="cursor: pointer" >16</div></td></tr><tr><td><div class="door" id="advent8" style="cursor: pointer" >8</div></td><td><div class="door" id="advent19" style="cursor: pointer" >19</div></td><td><div class="door" id="advent11" style="cursor: pointer" >11</div></td><td><div class="door" id="advent5" style="background: black; cursor: pointer" >5</div></td></tr><tr><td><div class="door" id="advent10" style=" background: black; cursor: pointer" >10<p style="font-size: 13px;">(today)</p></div></td><td><div class="door" id="advent20" style="cursor: pointer" >20</div></td><td><div class="door" id="advent1" style="background: black; cursor: pointer" >1</div></td><td><div class="door" id="advent23" style="cursor: pointer" >23</div></td></tr> </tbody></table> | ||
</div> | </div> | ||
| + | <div class="changelook"></div> | ||
</html> | </html> | ||
Revision as of 21:26, 13 December 2015
24 | 12 | 18 | 14 |
7 | 4 | 9 | 22 |
17 | 15 | 13 | 2 |
3 | 6 | 21 | 16 |
8 | 19 | 11 | 5 |
10 (today) | 20 | 1 | 23 |
