Mudanças entre as edições de "Predefinição:Teste"

De Wiki Gla
Ir para navegação Ir para pesquisar
m
m
 
(6 revisões intermediárias pelo mesmo usuário não estão sendo mostradas)
Linha 1: Linha 1:
<style>
<includeonly>{{#widget:Item}}{{#widget:Conquista}}{{#invoke:Conquista|render
.island-grid {
|name  = {{{name|}}}
   display: flex;
|tag    = {{{tag|geral}}}
   flex-wrap: wrap;
|icon   = {{{icon|Blank.png}}}
   gap: 16px;
|desc   = {{{desc|}}}
  justify-content: flex-start;
|reward = {{{reward|}}}
  padding: 16px 0;
|lang   = {{{lang|pt}}}
}
}}</includeonly><noinclude>
== Uso ==
Renderiza um card individual de conquista, que será automaticamente
distribuído na aba correta pelo [[Widget:Conquistas]] (use
<code><nowiki>{{#widget:Conquistas}}</nowiki></code> no topo da página).


.island-card {
Funciona com [[Módulo:Conquista]], [[Módulo:Reward]], [[Módulo:Item]],
  background: #eeeded;
[[Módulo:ItemDB]], [[Widget:Item]] e [[Widget:Conquista]].
  box-shadow: rgba(0,0,0,0.24) 0px 3px 10px;
  border-radius: 8px;
  text-align: center;
  padding: 20px 16px;
  width: calc(25% - 12px);
  box-sizing: border-box;
  cursor: pointer;
  text-decoration: none;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 8px;
  transition: transform 0.15s, box-shadow 0.15s;
}


.island-card:hover {
; Parâmetros
  transform: translateY(-3px);
: <code>name</code> — Título da conquista.
  box-shadow: rgba(0,0,0,0.35) 0px 6px 16px;
: <code>tag</code> — Aba onde o card aparece. Valores válidos: <code>geral</code>, <code>personagens</code>, <code>missao</code>, <code>bau</code>, <code>navegacao</code>, <code>pvp</code>, <code>pve</code>, <code>coliseu</code>, <code>poneglyph</code>, <code>indicacao</code>, <code>celular</code>, <code>bossrush</code>. Padrão: <code>geral</code>.
}
: <code>icon</code> — Nome do arquivo do ícone (com ou sem extensão; padrão <code>.png</code>).
: <code>desc</code> — Descrição curta.
: <code>reward</code> — Lista de recompensas no formato <code>nome:qtd;nome:qtd</code> (separador <code>;</code> entre itens, <code>:</code> entre nome e quantidade).
: <code>lang</code> — Idioma do tooltip. Padrão: <code>pt</code>.


.island-card img.island-img {
; Exemplo
  width: 150px;
<pre>{{#widget:Conquistas}}
  height: 150px;
  object-fit: contain;
}


.island-card .island-name {
{{Conquista|name=Foosha Village|tag=missao|icon=conquistafoosha.png|desc=Completou todas as missões de Foosha Village|reward=Chest key:12;Profile icon box:1}}</pre>
  font-size: 1.05em;
  font-weight: bold;
  color: #000;
}
 
.island-card .island-chests {
  display: flex;
  align-items: center;
  gap: 4px;
  font-weight: bold;
  font-size: 1em;
  color: #000;
}
 
.island-card .island-chests img {
  height: auto;
}
 
@media (max-width: 900px) {
  .island-card {
    width: calc(33.333% - 11px);
  }
}
 
@media (max-width: 600px) {
  .island-card {
    width: calc(50% - 8px);
  }
  .island-card img.island-img {
    width: 100px;
    height: 100px;
  }
}
 
@media (max-width: 360px) {
  .island-card {
    width: 100%;
  }
}
</style>
 
<div class="island-grid">
{{{content}}}
</div>
```
 
---
 
## Predefinição:Teste
 
O parâmetro `bau` aceita `comum` ou `ouro`. Cada card usa sufixo numérico.
```
<includeonly>{{#widget:Teste
|content=
 
{{#if:{{{nome1|}}}|<a class="island-card" href="/wiki/{{{link1|}}}">
<img class="island-img" src="{{{img1|}}}">
<span class="island-name">{{{nome1}}}</span>
<span class="island-chests">{{{qtd1|}}}{{#ifeq:{{{bau1|}}}|ouro|<img src="URL_BAU_OURO">|<img src="URL_BAU_COMUM">}}</span>
</a>}}
 
{{#if:{{{nome2|}}}|<a class="island-card" href="/wiki/{{{link2|}}}">
<img class="island-img" src="{{{img2|}}}">
<span class="island-name">{{{nome2}}}</span>
<span class="island-chests">{{{qtd2|}}}{{#ifeq:{{{bau2|}}}|ouro|<img src="URL_BAU_OURO">|<img src="URL_BAU_COMUM">}}</span>
</a>}}
 
{{#if:{{{nome3|}}}|<a class="island-card" href="/wiki/{{{link3|}}}">
<img class="island-img" src="{{{img3|}}}">
<span class="island-name">{{{nome3}}}</span>
<span class="island-chests">{{{qtd3|}}}{{#ifeq:{{{bau3|}}}|ouro|<img src="URL_BAU_OURO">|<img src="URL_BAU_COMUM">}}</span>
</a>}}
 
{{#if:{{{nome4|}}}|<a class="island-card" href="/wiki/{{{link4|}}}">
<img class="island-img" src="{{{img4|}}}">
<span class="island-name">{{{nome4}}}</span>
<span class="island-chests">{{{qtd4|}}}{{#ifeq:{{{bau4|}}}|ouro|<img src="URL_BAU_OURO">|<img src="URL_BAU_COMUM">}}</span>
</a>}}
 
{{#if:{{{nome5|}}}|<a class="island-card" href="/wiki/{{{link5|}}}">
<img class="island-img" src="{{{img5|}}}">
<span class="island-name">{{{nome5}}}</span>
<span class="island-chests">{{{qtd5|}}}{{#ifeq:{{{bau5|}}}|ouro|<img src="URL_BAU_OURO">|<img src="URL_BAU_COMUM">}}</span>
</a>}}
 
{{#if:{{{nome6|}}}|<a class="island-card" href="/wiki/{{{link6|}}}">
<img class="island-img" src="{{{img6|}}}">
<span class="island-name">{{{nome6}}}</span>
<span class="island-chests">{{{qtd6|}}}{{#ifeq:{{{bau6|}}}|ouro|<img src="URL_BAU_OURO">|<img src="URL_BAU_COMUM">}}</span>
</a>}}
 
{{#if:{{{nome7|}}}|<a class="island-card" href="/wiki/{{{link7|}}}">
<img class="island-img" src="{{{img7|}}}">
<span class="island-name">{{{nome7}}}</span>
<span class="island-chests">{{{qtd7|}}}{{#ifeq:{{{bau7|}}}|ouro|<img src="URL_BAU_OURO">|<img src="URL_BAU_COMUM">}}</span>
</a>}}
 
{{#if:{{{nome8|}}}|<a class="island-card" href="/wiki/{{{link8|}}}">
<img class="island-img" src="{{{img8|}}}">
<span class="island-name">{{{nome8}}}</span>
<span class="island-chests">{{{qtd8|}}}{{#ifeq:{{{bau8|}}}|ouro|<img src="URL_BAU_OURO">|<img src="URL_BAU_COMUM">}}</span>
</a>}}
 
{{#if:{{{nome9|}}}|<a class="island-card" href="/wiki/{{{link9|}}}">
<img class="island-img" src="{{{img9|}}}">
<span class="island-name">{{{nome9}}}</span>
<span class="island-chests">{{{qtd9|}}}{{#ifeq:{{{bau9|}}}|ouro|<img src="URL_BAU_OURO">|<img src="URL_BAU_COMUM">}}</span>
</a>}}
 
{{#if:{{{nome10|}}}|<a class="island-card" href="/wiki/{{{link10|}}}">
<img class="island-img" src="{{{img10|}}}">
<span class="island-name">{{{nome10}}}</span>
<span class="island-chests">{{{qtd10|}}}{{#ifeq:{{{bau10|}}}|ouro|<img src="URL_BAU_OURO">|<img src="URL_BAU_COMUM">}}</span>
</a>}}
 
{{#if:{{{nome11|}}}|<a class="island-card" href="/wiki/{{{link11|}}}">
<img class="island-img" src="{{{img11|}}}">
<span class="island-name">{{{nome11}}}</span>
<span class="island-chests">{{{qtd11|}}}{{#ifeq:{{{bau11|}}}|ouro|<img src="URL_BAU_OURO">|<img src="URL_BAU_COMUM">}}</span>
</a>}}
 
}}</includeonly>
 
<noinclude>
== Parâmetros ==
Repita o bloco para cada ilha, incrementando o número.
 
; nome1 : Nome da ilha
; link1 : Nome da página na wiki (sem [[ ]])
; img1 : URL direta da imagem (imgur ou wiki)
; qtd1 : Quantidade de baús
; bau1 : Tipo do baú — <code>comum</code> ou <code>ouro</code>
 
== Exemplo ==
<pre>
{{Teste
| nome1 = Foosha Village
| link1 = Foosha Village
| img1  = https://i.imgur.com/EXEMPLO.png
| qtd1  = 6
| bau1  = comum
 
| nome2 = Shells Town
| link2 = Shells Town
| img2  = https://i.imgur.com/EXEMPLO2.png
| qtd2  = 6
| bau2  = ouro
}}
</pre>
</noinclude>
</noinclude>

Edição atual tal como às 23h56min de 14 de maio de 2026

Uso

Renderiza um card individual de conquista, que será automaticamente distribuído na aba correta pelo Widget:Conquistas (use {{#widget:Conquistas}} no topo da página).

Funciona com Módulo:Conquista, Módulo:Reward, Módulo:Item, Módulo:ItemDB, Widget:Item e Widget:Conquista.

Parâmetros
name — Título da conquista.
tag — Aba onde o card aparece. Valores válidos: geral, personagens, missao, bau, navegacao, pvp, pve, coliseu, poneglyph, indicacao, celular, bossrush. Padrão: geral.
icon — Nome do arquivo do ícone (com ou sem extensão; padrão .png).
desc — Descrição curta.
reward — Lista de recompensas no formato nome:qtd;nome:qtd (separador ; entre itens, : entre nome e quantidade).
lang — Idioma do tooltip. Padrão: pt.
Exemplo
{{#widget:Conquistas}}

{{Conquista|name=Foosha Village|tag=missao|icon=conquistafoosha.png|desc=Completou todas as missões de Foosha Village|reward=Chest key:12;Profile icon box:1}}
Disponível em “https://wiki.gla.com.br/index.php?title=Predefinição:Teste&oldid=46908”