Czary: Różnice pomiędzy wersjami

Aktualna wersja na dzień 14:28, 20 maj 2023

Czary

Czary Wojownika

Czary Łucznika

Czary Maga

Czary Stałego Wyspiarza

@@ Linia 1: / Linia 1: @@
-<table width="1000" cellpadding="5">
+__NOTOC__
-<tr>
+<html>
-<td align="center" width="80" valign="bottom"> '''[[Przedmioty|Przedmioty]]''' </td>
+<style>
-<td align="center" width="80" valign="bottom"> '''[[Potwory|Potwory]]''' </td>
+  .highlightable:hover,
-<td align="center" width="80" valign="bottom"> '''[[Czary|Czary]]''' </td>
+  .highlighted {
-<td align="center" width="80" valign="bottom"> '''[[Miasta i osady|Miasta i osady]]''' </td>
+    background-color: #e5e7e9;
-<td align="center" width="80" valign="bottom"> '''[[NPC|NPC]]''' </td>
+  }
-<td align="center" width="80" valign="bottom"> '''[[Szablony]]''' </td>
+</style>
-</tr>
+<script>
-</table>
+  const cells = document.querySelectorAll('.highlightable');
-----
-*[[Czary Wojownika]]
+  cells.forEach(cell => {
-*[[Czary Łucznika]]
+    cell.addEventListener('mouseover', () => {
-*[[Czary Maga]]
+      cells.forEach(c => c.classList.remove('highlighted'));
+      cell.classList.add('highlighted');
+    });
+  });
+</script>
+</html>
+<altaronpanel title="[[Plik:Zwój_Przemiany.gif]] Czary" style="2" titleCSS="text-align: center;>
+<div class="table-responsive">
+  <table class="table table-bordered" style="cursor: default;">
+    <tr>
+      <td class="text-center highlightable" style="vertical-align: middle;"><h4>[[Plik:Rycerz_Męski.gif|link=Czary Wojownika]]<br>[[Czary Wojownika]]</td></h4></td>
+      <td class="text-center highlightable" style="vertical-align: middle;"><h4>[[Plik:Zwiadowca_Męski.gif|link=Czary Łucznika]]<br>[[Czary Łucznika]]</h4></td>
+      <td class="text-center highlightable" style="vertical-align: middle;"><h4>[[Plik:Czarodziej_Męski.gif|link=Czary Maga]]<br>[[Czary Maga]]</h4></td>
+      <td class="text-center highlightable" style="vertical-align: middle;"><h4>[[Plik:Podróżnik_Męski.gif|link=Czary Stałego Wyspiarza]]<br>[[Czary Stałego Wyspiarza]]</h4></td>
+    </tr>
+  </table>
+</div>
+</altaronpanel>
+[[Kategoria:Czary]]