Mudanças entre as edições de "Widget:Changelog"
| Linha 1: | Linha 1: | ||
<div class="changelog-container"> | <div class="changelog-container"> | ||
<div class="change-item"> | <div class="change-item"> | ||
<div class="change-header"> | <div class="change-header"> | ||
| Linha 13: | Linha 12: | ||
</div> | </div> | ||
<div class="change-item"> | <div class="change-item"> | ||
<div class="change-header"> | <div class="change-header"> | ||
| Linha 22: | Linha 20: | ||
<p class="change-text">Fist of Love: de 11 a 24 de abril</p> | <p class="change-text">Fist of Love: de 11 a 24 de abril</p> | ||
<a href="LINK_DO_EVENTO" target="_blank"> | <a href="LINK_DO_EVENTO" target="_blank"> | ||
<img src=" | <img src="URL_DO_ICONE_EVENTO" class="change-image"> | ||
</a> | </a> | ||
</div> | </div> | ||
<div class="change-item"> | <div class="change-item"> | ||
<div class="change-header"> | <div class="change-header"> | ||
| Linha 42: | Linha 39: | ||
<style> | <style> | ||
.changelog-container { | .changelog-container { | ||
display: | display: block; | ||
padding: 10px; | |||
margin: 0; | margin: 0; | ||
box-sizing: border-box; | box-sizing: border-box; | ||
| Linha 51: | Linha 46: | ||
.change-item { | .change-item { | ||
margin-bottom: 18px; | |||
border: 1px solid #ddd; | border: 1px solid #ddd; | ||
border-radius: 4px; | border-radius: 4px; | ||
| Linha 93: | Linha 89: | ||
} | } | ||
@media ( | @media (max-width: 600px) { | ||
.changelog-container { | .changelog-container { | ||
display: | display: grid; | ||
grid-template-columns: repeat(2, 1fr); | |||
gap: 10px; | |||
padding: 10px; | |||
margin: 0; | |||
} | } | ||
.change-item { | .change-item { | ||
margin-bottom: 0; | |||
} | } | ||
Edição das 22h34min de 12 de abril de 2025
RANQUEADA 08/04/2025
Nova temporada disponível 10/04
<a href="LINK_DA_RANQUEADA" target="_blank"> <img src="URL_DO_ICONE" class="change-image"> </a>
EVENTO TEMPORÁRIO 09/04/2025
Fist of Love: de 11 a 24 de abril
<a href="LINK_DO_EVENTO" target="_blank"> <img src="URL_DO_ICONE_EVENTO" class="change-image"> </a>
INFORMATIVOS 09/04/2025
Ranqueada, records e ajustes
<a href="LINK_DOS_INFORMATIVOS" target="_blank"> <img src="URL_DO_ICONE_INFORMATIVOS" class="change-image"> </a>
<style> .changelog-container { display: block; padding: 10px; margin: 0; box-sizing: border-box; }
.change-item { margin-bottom: 18px; border: 1px solid #ddd; border-radius: 4px; padding: 8px; box-sizing: border-box; }
.change-header { display: flex; justify-content: space-between; align-items: center; }
.change-title { font-size: 1.1em; font-weight: bold; color: #000; }
.change-date { font-size: 0.9em; color: #888; }
.change-item hr { margin: 4px 0; border: none; border-top: 1px solid #ccc; }
.change-text { font-size: 0.9em; line-height: 1.4; color: #333; margin-bottom: 6px; }
.change-image { display: block; width: 300px; height: 90px; }
@media (max-width: 600px) { .changelog-container { display: grid; grid-template-columns: repeat(2, 1fr); gap: 10px; padding: 10px; margin: 0; }
.change-item { margin-bottom: 0; }
.change-image { width: 100%; height: auto; } } </style>