Widget:SupporterTabs: Difference between revisions

From Unforgotten Realms Wiki
Jump to navigationJump to search
← Older editNewer edit →
imported>Pillowkeeper
imported>Pillowkeeper
mNo edit summary
imported>Pillowkeeper
mNo edit summary
Line 1: Line 1:
<style>
<select id="s1">
  /* Style the tab */
<option>Band of Thieves</option>
 
<option>Porc Hunters</option>
  div.tab {
<option>The Jewel of the Dingo Isles</option>
    overflow: hidden;
</select>
    border-bottom: 1px solid #212121;
<div id="tabspace">
    background-color: #943e00;
{| class="wikitable mw-collapsible mw-collapsed"
  }
!Donation Block
  /* Style the buttons inside the tab */
!Event Name
 
!Icon
  div.tab button {
!Effect
    display: block;
!Timestamp for Activation
    float: left;
|-  
    color: white;
!rowspan="3"|Kobold Encounter
    border-style: solid;
|Rabies
    border-width: 1px;
|[[File:Rabies Event Icon.png|75px]]
    border-color: #212121;
|All Kobolds have rabies, dealing 1 damage per round until cured.
    background-color: #943e00;
|[https://youtube.com/watch?v=rekGQSPDYfc&t=3m33s YouTube]
    font-family: "Arial";
|-
    letter-spacing: .5px;
|Gemlings
    padding: 5px;
|[[File:Gemlings Event Icon.png|75px]]
    overflow: hidden;
|Summons 10 gemlings that attack any non-gemling targets in their path.
  }
|[https://youtube.com/watch?v=4YEvwFph7f0&t=24m39s YouTube]
  /* Change background color of buttons on hover */
|-
 
|Whirlwind Bros
  div.tab button:hover {
|[[File:Whirlwind Bros Event Icon.png|75px]]
    background-color: #212121;
|Summons the two Whirlwind Brothers.
  }
|[https://youtube.com/watch?v=4YEvwFph7f0&t=33m15s YouTube]
  /* Create an active/current tablink class */
|-
 
!Awaken the Gemlord
  div.tab button.active {
|Awaken the Gemlord
    background-color: #212121;
|[[File:Awaken the Gemlord Event Icon.png|75px]]
  }
|Awakens the sleeping Gemlord.
  /* Style the tab content */
|[https://youtube.com/watch?v=5Qn7aJrNACg&t=2m14s YouTube]
 
|-
  .tabcontent {
!rowspan="3"|Gemlord Fight
    display: none;
|Bench Pressers
    padding: 6px 12px;
|[[File:Bench Pressers Event Icon.png|75px]]
    border: 1px solid #ccc;
|The Gemlord grows two strong flesh arms with which he can use two melee attacks per turn in addition to his laser beam.
    border-top: none;
|[https://youtube.com/watch?v=5Qn7aJrNACg&t=7m30s YouTube]
    background-color: #212121;
|-
    }
|Amplifying Crystals
 
|[[File:Amplifying Crystals Event Icon.png|75px]]
  .txt {
|3 amplifying crystals spawn which the Gemlord can redirect his beam through and move up to 10 spaces after he shoots his beam.
    color:white;
|[https://youtube.com/watch?v=5Qn7aJrNACg&t=27m49s YouTube]
  }
|-
 
|Lifeskin
</style>
|[[File:Lifeskin Event Icon.png|75px]]
 
|Every time the Gemlord takes damage two gemlings spawn off him.
 
|[https://youtube.com/watch?v=5Qn7aJrNACg&t=19m21s YouTube]
<div class="tab">
|-
  <button class="tablinks" onclick="openBlock(event, 'Bandito')" id="defaultOpen">Bandito</button>
!rowspan="2"|Blood Forest
  <button class="tablinks" onclick="openBlock(event, 'Sunswords')">Sunswords</button>
|Snakeeeessss
  <button class="tablinks" onclick="openBlock(event, 'OTHER NAME')">OTHER NAME</button>
|[[File:Snakeeeessss Event Icon.png|75px]]
</div>
|Instead of 3 snakes spawning from the forest each round 6 snakes spawn.
 
|[https://youtube.com/watch?v=NI3wT8-e4mY&t=37m53s YouTube]
<div id="Bandito" class="tabcontent" style="text-align:left">
|-
  <h2 class="txt">Bandito</h2>
|Cobra King
  <img display="inline-block" src="https://wiki.urealms.com/images/5/54/Maelstrom_RadioactiveK.png" height="400" width="200">
|[[File:Cobra King Event Icon.png|75px]]
  <p class="txt">
|Summons the Cobra King.
  Hello this is sample
|[https://youtube.com/watch?v=NI3wT8-e4mY&t=25m37s YouTube]
  </p>
|-
  </div>
!rowspan="3"|Gwyneth Sunsword Encounter
 
|Duskblade
<div id="Sunswords" class="tabcontent">
|[[File:Duskblade Event Icon.png|75px]]
  <h3 class="txt">Sunswords</h3>
|Gives the weapon Duskblade to Gwyneth Sunsword which does 5 damage in a 2x2 area and detonates sun tiles.
  <p class="txt">Filler Text.</p>
|[https://youtube.com/watch?v=62Lnf35X-NY&t=14m38s YouTube]
</div>
|-
 
|Summon Fenrus
<div id="OTHER NAME" class="tabcontent">
|[[File:Summon Fenrus Event Icon.png|75px]]
  <h3 class="txt">OTHER</h3>
|Summons Fenrus to aid Gwyneth.
  <p class="txt">Filler Text.</p>
|[https://youtube.com/watch?v=62Lnf35X-NY&t=0m18s YouTube]
|-
|ENRAGE
|[[File:ENRAGE BOT Event Icon.png|75px]]
|Sun tiles do double damage and no longer despawn when the detonate. All the [[Elf#Spellblade|spellblades]] that  were not killed throughout the campaign come in as reinforcements.
|[https://youtube.com/watch?v=62Lnf35X-NY&t=24m53s YouTube]
|}
</div>
</div>


<script>
<script>
  function openBlock(evt, title) {
$("#tabspace").hide();
 
$("select#s1").change(function () {
    var i, tabcontent, tablinks;
if($(this).val() == "Porc Hunters"){
    tabcontent = document.getElementsByClassName("tabcontent");
$("#tabspace").show();
    for (i = 0; i < tabcontent.length; i++) {
} else {
      tabcontent[i].style.display = "none";
$("#tabspace").hide();
    }
}
    tablinks = document.getElementsByClassName("tablinks");
});
    for (i = 0; i < tablinks.length; i++) {
      tablinks[i].className = tablinks[i].className.replace(" active", "");
    }
    document.getElementById(title).style.display = "block";
    evt.currentTarget.className += " active";
  }
  document.getElementById("defaultOpen").click();
 
</script>
</script>

Revision as of 18:02, 15 April 2017

<select id="s1"> <option>Band of Thieves</option> <option>Porc Hunters</option> <option>The Jewel of the Dingo Isles</option> </select>

Donation Block Event Name Icon Effect Timestamp for Activation
Kobold Encounter Rabies All Kobolds have rabies, dealing 1 damage per round until cured. YouTube
Gemlings Summons 10 gemlings that attack any non-gemling targets in their path. YouTube
Whirlwind Bros Summons the two Whirlwind Brothers. YouTube
Awaken the Gemlord Awaken the Gemlord Awakens the sleeping Gemlord. YouTube
Gemlord Fight Bench Pressers The Gemlord grows two strong flesh arms with which he can use two melee attacks per turn in addition to his laser beam. YouTube
Amplifying Crystals 3 amplifying crystals spawn which the Gemlord can redirect his beam through and move up to 10 spaces after he shoots his beam. YouTube
Lifeskin Every time the Gemlord takes damage two gemlings spawn off him. YouTube
Blood Forest Snakeeeessss Instead of 3 snakes spawning from the forest each round 6 snakes spawn. YouTube
Cobra King Summons the Cobra King. YouTube
Gwyneth Sunsword Encounter Duskblade Gives the weapon Duskblade to Gwyneth Sunsword which does 5 damage in a 2x2 area and detonates sun tiles. YouTube
Summon Fenrus Summons Fenrus to aid Gwyneth. YouTube
ENRAGE Sun tiles do double damage and no longer despawn when the detonate. All the spellblades that were not killed throughout the campaign come in as reinforcements. YouTube

<script> $("#tabspace").hide(); $("select#s1").change(function () { if($(this).val() == "Porc Hunters"){ $("#tabspace").show(); } else { $("#tabspace").hide(); } }); </script>

Retrieved from "https://URwiki.phijkchu.com/index.php?title=Widget:SupporterTabs&oldid=46001"