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

De Wiki Gla
Ir para navegação Ir para pesquisar
 
(46 revisões intermediárias pelo mesmo usuário não estão sendo mostradas)
Linha 1: Linha 1:
<div class="tibia-events-widget">
<div class="widget-changelog">
  <!-- Evento 1 -->
<div class="notice-item" style="--notice-color: #D9F2D9;">
  <div class="event-item">
<div class="notice-content">
    <div class="event-title">
<a href="https://discord.com/channels/390234650590576650/390234763623137280/1359277599414554795"
      <span class="event-name">Chyllfroest</span>
target="_blank" class="notice-title">Fist of Love</a>
      <span class="event-icon">&#9679;</span> <!-- Ícone/bullet, ajuste se quiser outra forma -->
<div class="notice-date">até 24/04</div>
    </div>
<p class="notice-desc">
    <div class="event-desc">
Evento disponível por tempo limitado. Complete pra receber recompensas diárias.
      Uma ponte de gelo agora conecta Svargrond a uma ilha gelada, onde monstros
</p>
      e uma estranha criatura congelada foram avistados.
</div>
    </div>
<img src="https://wiki.gla.com.br/images/a/a5/Bigexppot.png" class="notice-icon">
    <div class="event-more">
</div>
      <a href="/wiki/Chyllfroest">Saiba mais &#x2794;</a>
    </div>
  </div>


  <!-- Evento 2 -->
<div class="notice-item" style="--notice-color: #FFF2B3;">
  <div class="event-item">
<div class="notice-content">
    <div class="event-title">
<a href="https://discord.com/channels/390234650590576650/390234763623137280/1359277599414554795"
      <span class="event-name">Prank Month</span>
class="notice-title">Informativos</a>
      <span class="event-icon">&#9679;</span>
<div class="notice-date">08/04/2025</div>
    </div>
<p class="notice-desc">
    <div class="event-desc">
Skins do passe anterior entram na rotação da loja, temporada de records será encerrada e uso de poções
      Desfrute de um mês inteiro de pegadinhas! A Hoaxette está oferecendo feitiços,
de XP foi ajustado.
      travessuras e presentes especiais que têm alguns efeitos engraçados.
</p>
      Um conselho final: sempre trate bem os palhaços...
</div>
    </div>
</div>
    <div class="event-more">
 
      <a href="/wiki/Prank_Month">Saiba mais &#x2794;</a>
<div class="notice-item" style="--notice-color: #F4CCCC;">
    </div>
<div class="notice-content">
  </div>
<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>
</div>


<style>
<style>
.tibia-events-widget {
.widget-changelog {
  font-family: sans-serif;
max-height: 240px;
  margin: 10px 0;
overflow-y: auto;
padding-right: 5px;
box-sizing: border-box;
}
}


/* Cada evento */
.notice-item {
.event-item {
display: flex;
  padding: 5px 0;
align-items: flex-start;
  border-bottom: 1px solid #ccc;
background: #fff;
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);
}
}


/* Último evento sem borda */
.notice-content {
.event-item:last-child {
flex: 1;
  border-bottom: none;
}
}


/* Título do evento (Chyllfroest, Prank Month, etc.) */
.notice-title {
.event-title {
display: block;
  font-size: 120%;
font-size: 1.3em;
  font-weight: bold;
font-weight: bold;
  color: #000;
color: #333;
  margin-bottom: 4px;
text-decoration: none;
  vertical-align: -5px; /* Ajuste para alinhar com o estilo TibiaWiki */
margin: 0;
}
}


/* Ícone/bullet após o título */
.notice-title:hover {
.event-icon {
text-decoration: underline;
  color: #000;
  margin-left: 4px;
  font-weight: normal;
}
}


/* Descrição do evento */
.notice-date {
.event-desc {
font-size: 0.9em;
  margin-bottom: 4px;
color: #888;
  line-height: 1.4;
margin: -5px 0;
}
}


/* Link "Saiba mais" */
.notice-desc {
.event-more a {
color: #555;
  font-weight: bold;
line-height: 1.3;
  color: #0645AD;
margin: 0;
  text-decoration: none;
}
}


.event-more a:hover {
.notice-icon {
  text-decoration: underline;
object-fit: contain;
flex-shrink: 0;
}
}
</style>
</style>

Edição atual tal como às 08h48min de 24 de abril de 2025

<a href="https://discord.com/channels/390234650590576650/390234763623137280/1359277599414554795" target="_blank" class="notice-title">Fist of Love</a>

até 24/04

Evento disponível por tempo limitado. Complete pra receber recompensas diárias.

<img src="https://wiki.gla.com.br/images/a/a5/Bigexppot.png" class="notice-icon">

<a href="https://discord.com/channels/390234650590576650/390234763623137280/1359277599414554795" class="notice-title">Informativos</a>

08/04/2025

Skins do passe anterior entram na rotação da loja, temporada de records será encerrada e uso de poções de XP foi ajustado.

<a href="https://discord.com/channels/390234650590576650/442456286521458708/1359206650212253886" target="_blank" class="notice-title">Ranqueada</a>

08/04/2025

Confira os ícones exclusivos da nova temporada ranqueada que começa dia 10/04!

<img src="https://wiki.gla.com.br/images/8/82/Medalha_de_campeao.png" class="notice-icon">

<style> .widget-changelog { max-height: 240px; overflow-y: auto; padding-right: 5px; box-sizing: border-box; }

.notice-item { display: flex; align-items: flex-start; background: #fff; 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 { flex: 1; }

.notice-title { display: block; font-size: 1.3em; font-weight: bold; color: #333; text-decoration: none; margin: 0; }

.notice-title:hover { text-decoration: underline; }

.notice-date { font-size: 0.9em; color: #888; margin: -5px 0; }

.notice-desc { color: #555; line-height: 1.3; margin: 0; }

.notice-icon { object-fit: contain; flex-shrink: 0; } </style>

Disponível em “https://wiki.gla.com.br/index.php?title=Widget:Changelog&oldid=31329”