|
|
| Linia 1: |
Linia 1: |
| <html>
| |
| <style>
| |
| /* Importowanie bibliotek i plików LESS */
| |
| @import "reset.less"; // Resetowanie domyślnych stylów
| |
| @import "variables.less"; // Zmienne CSS
| |
|
| |
| /* Stylizacja infoboxa NPC */
| |
| .npc-infobox {
| |
| border: 1px solid #ccc;
| |
| padding: 10px;
| |
| background-color: #f2f2f2;
| |
| overflow: auto;
| |
| width: 100%;
| |
| box-sizing: border-box;
| |
| }
| |
|
| |
| /* Stylizacja zakładek w infoboxie NPC */
| |
| .npc-infobox-tabs {
| |
| display: flex;
| |
| justify-content: flex-start;
| |
| margin-bottom: 10px;
| |
| width: 100%;
| |
| }
| |
|
| |
| /* Stylizacja pojedynczej zakładki w infoboxie NPC */
| |
| .npc-infobox-tab {
| |
| cursor: pointer;
| |
| padding: 10px;
| |
| background-color: #f9f9f9;
| |
| border-radius: 4px;
| |
| margin-right: 1px;
| |
| color: #333;
| |
| transition: background-color 0.3s ease, color 0.3s ease;
| |
| flex: 1;
| |
| text-align: center;
| |
| }
| |
|
| |
| /* Aktywna zakładka w infoboxie NPC */
| |
| .npc-infobox-tab.active {
| |
| background-color: #333;
| |
| color: #fff;
| |
| }
| |
|
| |
| /* Hover na nieaktywnej zakładce w infoboxie NPC */
| |
| .npc-infobox-tab:hover:not(.active) {
| |
| background-color: #ddd;
| |
| }
| |
|
| |
| /* Stylizacja zawartości zakładek w infoboxie NPC */
| |
| .npc-infobox-content {
| |
| margin-top: 10px;
| |
| width: 100%;
| |
| padding: 5px 10px;
| |
| border: 1px solid #bfcfcf;
| |
| background-color: #f9fcff;
| |
| box-sizing: border-box;
| |
| }
| |
|
| |
| /* Stylizacja pojedynczej zawartości zakładki w infoboxie NPC */
| |
| .npc-infobox-tab-content {
| |
| display: none;
| |
| border: 1px solid #aaaaaa;
| |
| padding: 10px;
| |
| }
| |
|
| |
| /* Aktywna zawartość zakładki w infoboxie NPC */
| |
| .npc-infobox-tab-content.active {
| |
| display: flex;
| |
| gap: 1.4em;
| |
| background: #f8f9fa;
| |
| width: 100%;
| |
| box-sizing: border-box;
| |
| }
| |
|
| |
| /* Stylizacja obrazka lokalizacji w infoboxie NPC */
| |
| .npc-infobox-location-image {
| |
| max-width: 150px;
| |
| margin-right: 10px;
| |
| width: 100%;
| |
| }
| |
|
| |
| /* Stylizacja informacji o lokalizacji w infoboxie NPC */
| |
| .npc-infobox-location-info {
| |
| overflow: hidden;
| |
| padding-bottom: 10px;
| |
| display: flex;
| |
| flex-direction: column;
| |
| font-size: 0.875em;
| |
| width: 100%;
| |
| }
| |
|
| |
| .npc-infobox-location-info p {
| |
| margin-bottom: 10px;
| |
| }
| |
|
| |
| /* Klasa clearfix do zarządzania elementami układu */
| |
| .clearfix::after {
| |
| content: "";
| |
| display: table;
| |
| clear: both;
| |
| }
| |
|
| |
| /* Stylizacja sekcji podobnych NPC w infoboxie */
| |
| .similar-npcs {
| |
| margin-top: 20px;
| |
| border-top: 1px solid #ccc;
| |
| padding-top: 10px;
| |
| }
| |
|
| |
| /* Stylizacja listy podobnych NPC w infoboxie */
| |
| .similar-npcs-list {
| |
| list-style-type: none;
| |
| margin: 0;
| |
| padding: 0;
| |
| display: flex;
| |
| flex-wrap: wrap;
| |
| gap: 10px;
| |
| }
| |
|
| |
| /* Stylizacja pojedynczego podobnego NPC w infoboxie */
| |
| .similar-npc {
| |
| width: 150px;
| |
| padding: 10px;
| |
| border: 1px solid #ccc;
| |
| border-radius: 4px;
| |
| background-color: #f9f9f9;
| |
| }
| |
|
| |
| .similar-npc-image {
| |
| width: 100%;
| |
| margin-bottom: 10px;
| |
| }
| |
|
| |
| .similar-npc-name {
| |
| font-weight: bold;
| |
| margin-bottom: 5px;
| |
| }
| |
|
| |
| .similar-npc-description {
| |
| font-size: 0.875em;
| |
| color: #666;
| |
| }
| |
|
| |
| /* Media Query dla urządzeń mobilnych */
| |
| @media (max-width: 768px) {
| |
| .npc-infobox {
| |
| width: auto;
| |
| }
| |
|
| |
| .npc-infobox-tab {
| |
| font-size: 0.875em;
| |
| }
| |
|
| |
| .npc-infobox-content {
| |
| font-size: 0.875em;
| |
| }
| |
|
| |
| .npc-infobox-location-info {
| |
| font-size: 0.75em;
| |
| }
| |
|
| |
| .similar-npc {
| |
| width: 100%;
| |
| }
| |
| }
| |
| </style>
| |
| </html>
| |
|
| |
| __NOTOC__
| |
| <altaronpanel title="{{{name|Brak tytułu}}}" style="2" titleCSS="text-align: center;">
| |
| <div class="npc-infobox"> | | <div class="npc-infobox"> |
| <div class="npc-infobox-tabs"> | | <div class="npc-infobox-tabs"> |
| <div class="npc-infobox-tab active"><i class="fas fa-info-circle"></i> Informacje</div> | | <div class="npc-infobox-tab active"><i class="fas fa-info-circle"></i> Informacje</div> |
| <div class="npc-infobox-tab"><i class="fas fa-map-marker-alt"></i> Lokalizacja</div> | | <div class="npc-infobox-tab"><i class="fas fa-map-marker-alt"></i> Lokalizacja</div> |
| <div class="npc-infobox-tab"><i class="fas fa-shopping-cart"></i> Kupno</div>
| |
| <div class="npc-infobox-tab"><i class="fas fa-coins"></i> Sprzedaż</div>
| |
| <div class="npc-infobox-tab"><i class="fas fa-wand-magic"></i> Ładowanie</div>
| |
| <div class="npc-infobox-tab"><i class="fas fa-comments"></i> Dialogi NPC</div>
| |
| </div> | | </div> |
| <div class="npc-infobox-content"> | | <div class="npc-infobox-content"> |
| <div class="npc-infobox-tab-content active"> | | <div class="npc-infobox-tab-content active"> |
| <!-- Dodaj treść informacji -->
| | {{#if:{{{image|}}}|[[File:{{{image}}}|150px|thumb|left|{{{name}}} |class=npc-infobox-location-image]]}} |
| {{#if:{{{image|}}}|[[File:{{{image}}}|200px|thumb|left|{{{name}}} |class=npc-infobox-location-image]]}}
| | <div class="npc-infobox-location-info" style="font-size: 87.5%;"><span>{{#if:{{{name|}}}|'''Nazwa:''' ''{{{name}}}''}}</span><span>{{#if:{{{profession|}}}|'''Profesja:''' ''{{{profession}}}''}}</span><span>{{#if:{{{notes|}}}|'''Uwagi:''' ''{{{notes}}}''}}</span> |
| <div class="npc-infobox-location-info" style="font-size: 100%;"> | | </div> |
| <span>{{#if:{{{name|}}}|'''Nazwa:''' ''{{{name}}}''}}</span>
| |
| <span>{{#if:{{{zawod|}}}|'''Zawód:''' {{#if:{{{stronauzyt|}}}|{{{zawod|NPC}}}|[[:Kategoria:{{{kat|{{{zawod|NPC}}}}}}|{{{zawod|Nieznany}}}]]}}}}</span>
| |
| <span>{{#if:{{{opis|}}}|'''Opis:''' ''{{{opis}}}''}}</span>
| |
| <span>{{#if:{{{bank|}}}|{{#ifeq:{{{bank|}}}|nie|'''Bank:''' Ten NPC nie posiada systemu bankowego.|'''Bank:''' Zarządza kontami bankowymi i wymienia pieniądze według kursu:</span>
| |
| <span>[[Grafika:Talar.gif|link=Talar]] 1 [[Talar|Talar]] → [[Grafika:Srebrnik.gif|link=Srebrnik]] 100 [[Srebrnik|Srebrników]] → [[Grafika:Miedziak.gif|link=Miedziak]] 10000 [[Miedziak|Miedziaków]]|}}}}</span>
| |
| </div>
| |
| <!-- Dodaj treść informacji -->
| |
| </div> | | </div> |
| <div class="npc-infobox-tab-content"> | | <div class="npc-infobox-tab-content"> |
| <!-- Dodaj treść dotyczącą lokacji -->
| |
| <div class="npc-infobox-location-info"> | | <div class="npc-infobox-location-info"> |
| <div style="display: flex;"> | | {{#if:{{{location_image|}}}|[[File:{{{location_image}}}|150px|thumb|left|<i class="fas fa-map-marker-alt"></i> {{{map_caption|}}} |class=npc-infobox-location-image]]}} |
| {{#if:{{{location_image|}}}|[[File:{{{location_image}}}|150px|thumb|left|<i class="fas fa-map-marker-alt"></i> {{{map_caption|}}} |class=npc-infobox-location-image]]}}
| | <p>{{{location}}}</p> |
| {{#if:{{{location|}}}|<div style="flex: 1; text-align: right;">{{{location}}}</div>}}
| | </div> |
| </div>
| | <div class=" npc-infobox-location-info"> |
| <div style=" display: flex;"> | | {{#if:{{{location_image2|}}}|[[File:{{{location_image2}}}|150px|thumb|left|<i class="fas fa-map-marker-alt"></i> {{{map_caption2|}}} |class=npc-infobox-location-image]]}} |
| {{#if:{{{location_image2|}}}|[[File:{{{location_image2}}}|150px|thumb|left|<i class="fas fa-map-marker-alt"></i> {{{map_caption2|}}} |class=npc-infobox-location-image]]}}
| | <p>{{{location2}}}</p> |
| {{#if:{{{location2|}}}|<div style="flex: 1; text-align: right;">{{{location2}}}</div>}}
| | </div> |
| </div> | | </div> |
| </div> | | </div> |
| <!-- Dodaj treść dotyczącą Lokacji -->
| | <div align=" right">< small> |
| </div> | | Zaktualizowano przez [[User:{{REVISIONUSER}}|{{REVISIONUSER}}]] ([[User talk:{{REVISIONUSER}}|dyskusja]]) {{#time: H:i, j F Y|{{REVISIONTIMESTAMP}}}} ([[Special:History/{{FULLPAGENAME}}|historia]])</small></div> |
| <div class="npc-infobox-tab-content"> | |
| <!-- Karta Kupno --> | |
| <div class="npc-infobox-location-info">
| |
| <h3>Kupno</h3>
| |
| <!-- Dodaj treść dotyczącą kupna -->
| |
| {{Dash|Jeżeli NPC pełni funkcję kupca po wpisaniu słowa '''"Oferta"''' powie nam całą posiadaną przez niego ofertę przedmiotów. Jeżeli chcemy dokonać zakupu przedmiotu musimy napisać '''"Kupię nazwa przedmiotu"''' np. '''Kupię 5 plecaków trapera'''. Należy pamiętać o używaniu polskich znaków. Można również skorzystać z okienka handlu w tym celu należy napisać '''"Handel"'''}} | |
| <p>{{{kupno|}}}</p>
| |
| <!-- Dodaj treść dotyczącą kupna --> | |
| </div> | | </div> |
| </div>
| |
| <div class="npc-infobox-tab-content">
| |
| <!-- Karta Sprzedaż -->
| |
| <div class="npc-infobox-location-info">
| |
| <h3>Sprzedaż</h3>
| |
| <!-- Dodaj treść dotyczącą sprzedaży -->
| |
| {{Dash|Jeżeli NPC pełni funkcję sprzedawcy po wpisaniu słowa '''"Oferta"''' powie nam całą posiadaną przez niego ofertę przedmiotów. Aby dowiedzieć się co możemy danemu NPCowi sprzedać wystarczy napisać do niego słowo '''"Sprzedam"'''. Należy pamiętać o używaniu polskich znaków. Można również skorzystać z okienka handlu w tym celu należy napisać '''"Handel"'''}}
| |
| <p>{{{sprzedaz|}}}</p>
| |
| <!-- Dodaj treść dotyczącą sprzedaży -->
| |
| </div>
| |
| </div>
| |
| <div class="npc-infobox-tab-content">
| |
| <!-- Karta Ładowanie Różdzek -->
| |
| <div class="npc-infobox-location-info">
| |
| <h3>Ładowanie Różdzek</h3>
| |
| <!-- Dodaj treść dotyczącą ładowania różdzek -->
| |
| {{Dash|Rozładowaną różdżkę bądź kostur możesz naładować tysiącem ładunków w sklepie magicznym za odpowiednią opłatą. Ładując różdżkę bądź kostur w sklepie do wyboru masz cztery żywioły: ogień, wodę, ziemię i energię. Jeśli nie chcesz ładować różdżki bądź kostura w sklepie to możesz to także zrobić za pomocą runy bądź zaklęcia. Ale pamiętaj, tym sposobem naładujemy naszą broń mniejszą ilością ładunków.}}
| |
| <p>{{{ladowanie|}}}</p>
| |
| <!-- Dodaj treść dotyczącą ładowania różdzek -->
| |
| </div>
| |
| </div>
| |
| <div class="npc-infobox-tab-content">
| |
| <!-- Karta Dialogi NPC -->
| |
| <div class="npc-infobox-location-info">
| |
| <h3>Dialogi NPC</h3>
| |
| <!-- Dodaj treść dotyczącą dialogów NPC -->
| |
| {{Dash|Aby rozpocząć rozmowę z NPC wystarczy użyć słów: Witaj, Cześć, Hej. Zależnie od sprawowanej przez danego NPC funkcji możemy zapytać go o wiele różnych rzeczy takich jak: Zawód/Praca, Wojna, Historia, Misja/Zadanie/Pomoc, Oferta, Altaron, Kupno, Sprzedaż i inne.}}
| |
| <p>{{{dialogi|}}}</p>
| |
| <!-- Dodaj treść dotyczącą dialogów NPC -->
| |
| </div>
| |
| </div>
| |
| </div>
| |
| </div>
| |
| <td colspan="3"><div align="right"><small>
| |
| Zaktualizowano przez [[User:{{REVISIONUSER}}|{{REVISIONUSER}}]] ([[User talk:{{REVISIONUSER}}|dyskusja]]) {{#time: H:i, j F Y|{{REVISIONTIMESTAMP}}}} ([[Special:History/{{FULLPAGENAME}}|historia]])</small></div></td>
| |
| </altaronpanel>
| |
|
| |
|
|
| |
| <includeonly>{{#if:{{{stronauzyt|}}}||
| |
| [[Kategoria:NPC]]
| |
| {{#if:{{{kat|}}}|[[Kategoria:{{{kat}}}]]|}}
| |
| {{#if:{{{kat2|}}}|[[Kategoria:{{{kat2}}}]]|}}
| |
| {{#if:{{{kat3|}}}|[[Kategoria:{{{kat3}}}]]|}}
| |
| {{#if:{{{kat4|}}}|[[Kategoria:{{{kat4}}}]]|}}
| |
| {{#if:{{{kat5|}}}|[[Kategoria:{{{kat5}}}]]|}}
| |
| }}</includeonly>
| |
|
| |
|
| <noinclude> | | <noinclude> |
| {{Test | | {{Test |
| | name = Maćko | | | name = Macko |
| | image = Maćko.jpg | | | image = Maćko.jpg |
| | zawod = Bankier | | | profession = Mag |
| | kat = Bankierzy | | | location = Miasto XYZ |
| | bank = tak | | | location2 = Miasto ABC |
| | opis = Ten NPC oferuje questy związane z magią. | | | location_image = Altaronmapa.png |
| | location = | | | location_image2 = Altaronmapa.png |
| {{Dash
| | | map_caption = Mapa obszaru XYZ |
| | img = [[Plik:Mapaneo.png|200px|thumb|left|Neolith]] | | | map_caption2 = Mapa obszaru ABC |
| | 1 = Nie tak dawno temu Neolith było miastem, w którym mieściły się głównie różne zakony. Gdy wojna pochłonęła stolicę Altaronu, wielki Raigen z ocalałymi przeniósł stolicę do Neolitu, a w krótkim czasie zaczęli się tu zjeżdżać uchodźcy z całego kontynentu. Siły Abitańczyków musiały wreszcie skupić się na tym mieście, ale mężna postawa Raigena i innych obrońców powstrzymała ich zapędy. Szkoda, że wielkim kosztem i na krótko. Neolith stanowi ostatni bastion królestwa, wysyłani są tutaj ochotnicy z [[Archipelag Licor]] | | | notes = Ten NPC oferuje questy związane z magią. |
| }} | | }} |
| | location2 =
| | </noinclude> |
| {{Dash | | |
| | img = [[Plik:Altaronmapa.png|200px|thumb|left|Kogar]] | | <noinclude> |
| | 1 = Kogar stanowi ostatni bastion królestwa, wysyłani są tutaj ochotnicy z [[Archipelag Licor]] | | Ten szablon służy westowemu testowaniu. (dzialanie kart jest w common.js a ostylowanie w common.css) |
| | <span style="font-size:1.2em"><pre> |
| | {{Test |
| | | name = Macko |
| | | image = Maćko.jpg |
| | | profession = Mag |
| | | location = Miasto XYZ |
| | | location2 = Miasto ABC |
| | | location_image = Altaronmapa.png |
| | | location_image2 = Altaronmapa.png |
| | | map_caption = Mapa obszaru XYZ |
| | | map_caption2 = Mapa obszaru ABC |
| | | notes = Ten NPC oferuje questy związane z magią. |
| }} | | }} |
| | location_image =
| | </pre></span> |
| | location_image2 =
| |
| | map_caption = Neolith
| |
| | map_caption2 = Kogar
| |
| | tabs = tak
| |
| | kupno =
| |
| {{Info_Towar
| |
| |nielink = tak
| |
| |img = Piecyk
| |
| |name = [[Piecyk|Piecyki]]
| |
| |cena = 300 [[Miedziak|md]]
| |
| |}}
| |
| | sprzedaz =
| |
| {{Info_Towar
| |
| |nielink = tak
| |
| |img = Flakonik
| |
| |name = [[Flakonik]]i
| |
| |cena = 5 [[Miedziak|md]]
| |
| |}}
| |
| | ladowanie =
| |
| {{Info_Towar
| |
| |nielink = tak
| |
| |img = Różdżka Nowicjusza
| |
| |name = [[Różdżka Nowicjusza|Różdżki Nowicjusza]]
| |
| |cena = 100 [[Miedziak|md]]
| |
| |}}
| |
| | dialogi =
| |
| <npctalk npcname="Maćko"> | |
| P Hej/Cześć/Witaj
| |
| N Witam cię oraz pozdrawiam, cóż to za potrzeba cię do mnie przygnała?
| |
| </npctalk> | |
| |}}
| |
| </noinclude> | | </noinclude> |
