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

De Wiki Gla
Ir para navegação Ir para pesquisar
m
m
 
(3 revisões intermediárias pelo mesmo usuário não estão sendo mostradas)
Linha 1: Linha 1:
<style>
<includeonly>{{#widget:Teste}}{{#invoke:Teste|main
.island-grid {
| nome1  = {{{nome1|}}} | link1  = {{{link1|}}} | img1  = {{{img1|}}} | qtd1  = {{{qtd1|}}} | bau1  = {{{bau1|}}}
  display: flex;
| nome2  = {{{nome2|}}} | link2  = {{{link2|}}} | img2  = {{{img2|}}} | qtd2  = {{{qtd2|}}} | bau2  = {{{bau2|}}}
  flex-wrap: wrap;
| nome3  = {{{nome3|}}} | link3  = {{{link3|}}} | img3  = {{{img3|}}} | qtd3  = {{{qtd3|}}} | bau3  = {{{bau3|}}}
  gap: 16px;
| nome4  = {{{nome4|}}} | link4  = {{{link4|}}} | img4  = {{{img4|}}} | qtd4  = {{{qtd4|}}} | bau4  = {{{bau4|}}}
  justify-content: flex-start;
| nome5  = {{{nome5|}}} | link5  = {{{link5|}}} | img5  = {{{img5|}}} | qtd5  = {{{qtd5|}}} | bau5  = {{{bau5|}}}
  padding: 16px 0;
| nome6  = {{{nome6|}}} | link6  = {{{link6|}}} | img6  = {{{img6|}}} | qtd6  = {{{qtd6|}}} | bau6  = {{{bau6|}}}
}
| nome7  = {{{nome7|}}} | link7  = {{{link7|}}} | img7  = {{{img7|}}} | qtd7  = {{{qtd7|}}} | bau7  = {{{bau7|}}}
 
| nome8  = {{{nome8|}}} | link8  = {{{link8|}}} | img8  = {{{img8|}}} | qtd8  = {{{qtd8|}}} | bau8  = {{{bau8|}}}
.island-card {
| nome9  = {{{nome9|}}} | link9  = {{{link9|}}} | img9  = {{{img9|}}} | qtd9  = {{{qtd9|}}} | bau9  = {{{bau9|}}}
  background: #eeeded;
| nome10 = {{{nome10|}}} | link10 = {{{link10|}}} | img10 = {{{img10|}}} | qtd10 = {{{qtd10|}}} | bau10 = {{{bau10|}}}
  box-shadow: rgba(0,0,0,0.24) 0px 3px 10px;
| nome11 = {{{nome11|}}} | link11 = {{{link11|}}} | img11 = {{{img11|}}} | qtd11 = {{{qtd11|}}} | bau11 = {{{bau11|}}}
  border-radius: 8px;
| nome12 = {{{nome12|}}} | link12 = {{{link12|}}} | img12 = {{{img12|}}} | qtd12 = {{{qtd12|}}} | bau12 = {{{bau12|}}}
  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 {
  transform: translateY(-3px);
  box-shadow: rgba(0,0,0,0.35) 0px 6px 16px;
}
 
.island-card img.island-img {
  width: 150px;
  height: 150px;
  object-fit: contain;
}
 
.island-card .island-name {
  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>
}}</includeonly>


<noinclude>
<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 ==
== Exemplo ==
<pre>
<pre>
Linha 175: Linha 20:
  | nome1 = Foosha Village
  | nome1 = Foosha Village
  | link1 = Foosha Village
  | link1 = Foosha Village
  | img1  = https://i.imgur.com/EXEMPLO.png
  | img1  = Foosha.png
  | qtd1  = 6
  | qtd1  = 6
  | bau1  = comum
  | bau1  = comum
| nome2 = Shells Town
| link2 = Shells Town
| img2  = https://i.imgur.com/EXEMPLO2.png
| qtd2  = 6
| bau2  = ouro
}}
}}
</pre>
</pre>
</noinclude>
</noinclude>

Edição atual tal como às 23h55min de 12 de março de 2026


Exemplo

{{Teste
 | nome1 = Foosha Village
 | link1 = Foosha Village
 | img1  = Foosha.png
 | qtd1  = 6
 | bau1  = comum
}}