Mudanças entre as edições de "Predefinição:Teste"
Ir para navegação
Ir para pesquisar
m |
m |
||
| Linha 1: | Linha 1: | ||
< | <style> | ||
| | .island-grid { | ||
| | display: flex; | ||
| | flex-wrap: wrap; | ||
| | gap: 16px; | ||
| | justify-content: flex-start; | ||
| | padding: 16px 0; | ||
| | } | ||
| | |||
| | .island-card { | ||
| | background: #eeeded; | ||
| | 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 { | |||
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> | |||
== 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> | |||
Edição das 22h14min de 12 de março de 2026
<style> .island-grid {
display: flex; flex-wrap: wrap; gap: 16px; justify-content: flex-start; padding: 16px 0;
}
.island-card {
background: #eeeded; 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 {
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>
{{{content}}}
```
---
- Predefinição:Teste
O parâmetro `bau` aceita `comum` ou `ouro`. Cada card usa sufixo numérico. ```
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ú —
comumououro
Exemplo
{{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
}}