Mudanças entre as edições de "Widget:Teste2"

De Wiki Gla
Ir para navegação Ir para pesquisar
Linha 1: Linha 1:
<div class="widget-changelog">
<div class="notice-item" style="--notice-color: #D9F2D9;">
<div class="notice-content">
<a href="https://discord.com/channels/390234650590576650/390234763623137280/1359277599414554795"
target="_blank" class="notice-title">Fist of Love: Marine Training</a>
<div class="notice-date">10/04 até 24/04</div>
<p class="notice-desc">
Evento disponível por tempo limitado. Complete pra receber recompensas diárias.
</p>
</div>
<img src="https://wiki.gla.com.br/images/a/a5/Bigexppot.png" class="notice-icon">
</div>
<div class="notice-item" style="--notice-color: #FFF2B3;">
<div class="notice-content">
<a href="https://discord.com/channels/390234650590576650/390234763623137280/1359277599414554795"
class="notice-title">Informativos</a>
<div class="notice-date">08/04/2025</div>
<p class="notice-desc">
Skins do passe anterior entram na rotação da loja, temporada de records será encerrada e uso de poções
de XP foi ajustado.
</p>
</div>
</div>
<div class="notice-item" style="--notice-color: #F4CCCC;">
<div class="notice-content">
<a href="https://discord.com/channels/390234650590576650/442456286521458708/1359206650212253886"
target="_blank" class="notice-title">Ranqueada</a>
<div class="notice-date">08/04/2025</div>
<p class="notice-desc">
Confira os ícones exclusivos da nova temporada ranqueada que começa dia 10/04!
</p>
</div>
<img src="https://wiki.gla.com.br/images/8/82/Medalha_de_campeao.png" class="notice-icon">
</div>
</div>
<style>
<style>
.widget-changelog {
.infobox-boss {
max-height: 220px;
  float: right;
overflow-y: auto;
  width: 260px;
padding-right: 5px;
  background: #1c1c1c;
box-sizing: border-box;
  border: 1px solid #333;
  border-radius: 10px;
  overflow: hidden;
  font-family: sans-serif;
  color: #eee;
  margin: 0 0 20px 20px;
  box-shadow: 0 0 10px rgba(0,0,0,0.5);
}
}


.notice-item {
.infobox-image img {
display: flex;
  width: 100%;
align-items: flex-start;
  display: block;
background: #fff;
  border-bottom: 1px solid #333;
border: 1px solid #ddd;
border-radius: 6px;
margin-bottom: 10px;
padding: 8px 10px;
box-sizing: border-box;
border-left: 5px solid var(--notice-color, #f5b700);
}
}


.notice-content {
.infobox-content {
flex: 1;
  padding: 10px;
}
}


.notice-title {
.infobox-title {
display: block;
  font-size: 20px;
font-size: 1.3em;
  margin-bottom: 10px;
font-weight: bold;
  text-align: center;
color: #333;
  color: #ffc107;
text-decoration: none;
margin: 0;
}
}


.notice-title:hover {
.infobox-item {
text-decoration: underline;
  font-size: 14px;
  margin-bottom: 8px;
}
}
</style>


.notice-date {
<div class="infobox-boss">
font-size: 0.9em;
  <div class="infobox-image">
color: #888;
    <img src="{{@imagem}}" alt="{{@nome}}">
margin: -5px 0;
  </div>
}
  <div class="infobox-content">
 
    <h2 class="infobox-title">{{@nome}}</h2>
.notice-desc {
    <div class="infobox-item"><strong>Nível:</strong> {{@nivel}}</div>
font-size: 0.8em;
    <div class="infobox-item"><strong>Localização:</strong> {{@localizacao}}</div>
color: #555;
    <div class="infobox-item"><strong>Drop:</strong> {{@drop}}</div>
line-height: 1.3;
  </div>
margin: 0;
</div>
}
 
.notice-icon {
object-fit: contain;
flex-shrink: 0;
}
</style>

Edição das 17h01min de 29 de abril de 2025

<style> .infobox-boss { 

 float: right;
 width: 260px;
 background: #1c1c1c;
 border: 1px solid #333;
 border-radius: 10px;
 overflow: hidden;
 font-family: sans-serif;
 color: #eee;
 margin: 0 0 20px 20px;
 box-shadow: 0 0 10px rgba(0,0,0,0.5);

}

.infobox-image img { 

 width: 100%;
 display: block;
 border-bottom: 1px solid #333;

}

.infobox-content { 

 padding: 10px;

}

.infobox-title { 

 font-size: 20px;
 margin-bottom: 10px;
 text-align: center;
 color: #ffc107;

}

.infobox-item { 

 font-size: 14px;
 margin-bottom: 8px;

} </style> 

   <img src="Predefinição:@imagem" alt="Predefinição:@nome">

Predefinição:@nome

Nível: Predefinição:@nivel
Localização: Predefinição:@localizacao
Drop: Predefinição:@drop
Disponível em “https://wiki.gla.com.br/index.php?title=Widget:Teste2&oldid=31550”