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

De Wiki Gla
Ir para navegação Ir para pesquisar
m
m
Linha 1: Linha 1:
<includeonly>{{#widget:WeeklyBosses}}{{#invoke:WeeklyBosses|main
<style>
|imgbtn1={{{imgbtn1|}}}
.island-grid {
|txtbtn1={{{txtbtn1|}}}
  display: flex;
|linkbtn1={{{linkbtn1|}}}
  flex-wrap: wrap;
|bg1={{{bg1|#2a3544}}}
  gap: 16px;
|imgbtn2={{{imgbtn2|}}}
  justify-content: flex-start;
|txtbtn2={{{txtbtn2|}}}
  padding: 16px 0;
|linkbtn2={{{linkbtn2|}}}
}
|bg2={{{bg2|#2a3544}}}
 
|imgbtn3={{{imgbtn3|}}}
.island-card {
|txtbtn3={{{txtbtn3|}}}
  background: #eeeded;
|linkbtn3={{{linkbtn3|}}}
  box-shadow: rgba(0,0,0,0.24) 0px 3px 10px;
|bg3={{{bg3|#2a3544}}}
  border-radius: 8px;
|imgbtn4={{{imgbtn4|}}}
  text-align: center;
|txtbtn4={{{txtbtn4|}}}
  padding: 20px 16px;
|linkbtn4={{{linkbtn4|}}}
  width: calc(25% - 12px);
|bg4={{{bg4|#2a3544}}}
  box-sizing: border-box;
|imgbtn5={{{imgbtn5|}}}
  cursor: pointer;
|txtbtn5={{{txtbtn5|}}}
  text-decoration: none;
|linkbtn5={{{linkbtn5|}}}
  display: flex;
|bg5={{{bg5|#2a3544}}}
  flex-direction: column;
|imgbtn6={{{imgbtn6|}}}
  align-items: center;
|txtbtn6={{{txtbtn6|}}}
  gap: 8px;
|linkbtn6={{{linkbtn6|}}}
  transition: transform 0.15s, box-shadow 0.15s;
|bg6={{{bg6|#2a3544}}}
}
|imgbtn7={{{imgbtn7|}}}
 
|txtbtn7={{{txtbtn7|}}}
.island-card:hover {
|linkbtn7={{{linkbtn7|}}}
  transform: translateY(-3px);
|bg7={{{bg7|#2a3544}}}
  box-shadow: rgba(0,0,0,0.35) 0px 6px 16px;
|imgbtn8={{{imgbtn8|}}}
}
|txtbtn8={{{txtbtn8|}}}
 
|linkbtn8={{{linkbtn8|}}}
.island-card img.island-img {
|bg8={{{bg8|#2a3544}}}
  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}}}

```

---

    1. 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ú — comum ou ouro

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
}}