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

De Wiki Gla
Ir para navegação Ir para pesquisar
Linha 1: Linha 1:
<div class="discord-changelog-widget">
<div class="tibia-events-widget">
   <ul>
   <!-- Evento 1 -->
    <li>
  <div class="event-item">
      <a href="https://discord.com/channels/ID_GALERIA" target="_blank">
    <div class="event-title">
        <img src="https://wiki.gla.com.br/images/16x16/galeria_icon.png" alt="">
      <span class="event-name">Chyllfroest</span>
        <span class="changelog-title">Galeria</span>
      <span class="event-icon">&#9679;</span> <!-- Ícone/bullet, ajuste se quiser outra forma -->
        <span class="changelog-date">04/26/2023</span>
     </div>
      </a>
     <div class="event-desc">
     </li>
       Uma ponte de gelo agora conecta Svargrond a uma ilha gelada, onde monstros
     <li>
      e uma estranha criatura congelada foram avistados.
       <a href="https://discord.com/channels/ID_INFORMATIVOS" target="_blank">
    </div>
        <img src="https://wiki.gla.com.br/images/16x16/informativos_icon.png" alt="">
    <div class="event-more">
        <span class="changelog-title">Informativos</span>
      <a href="/wiki/Chyllfroest">Saiba mais &#x2794;</a>
        <span class="changelog-date">04/26/2023</span>
    </div>
      </a>
  </div>
     </li>
 
    <li>
  <!-- Evento 2 -->
       <a href="https://discord.com/channels/ID_BALANCEAMENTO" target="_blank">
  <div class="event-item">
        <img src="https://wiki.gla.com.br/images/16x16/balanceamento_icon.png" alt="">
    <div class="event-title">
        <span class="changelog-title">Balanceamento</span>
      <span class="event-name">Prank Month</span>
        <span class="changelog-date">04/26/2023</span>
      <span class="event-icon">&#9679;</span>
      </a>
    </div>
     </li>
     <div class="event-desc">
   </ul>
      Desfrute de um mês inteiro de pegadinhas! A Hoaxette está oferecendo feitiços,
       travessuras e presentes especiais que têm alguns efeitos engraçados.  
      Um conselho final: sempre trate bem os palhaços...
    </div>
    <div class="event-more">
      <a href="/wiki/Prank_Month">Saiba mais &#x2794;</a>
     </div>
   </div>
</div>
</div>


<style>
<style>
.discord-changelog-widget {
.tibia-events-widget {
  padding: 10px;
   font-family: sans-serif;
   font-family: sans-serif;
  margin: 10px 0;
}
}


.discord-changelog-widget ul {
/* Cada evento */
   list-style: none;
.event-item {
  margin: 0;
   padding: 5px 0;
   padding: 0;
   border-bottom: 1px solid #ccc;
}
}


.discord-changelog-widget li {
/* Último evento sem borda */
  display: flex;
.event-item:last-child {
  align-items: center;
   border-bottom: none;
   border-bottom: 1px solid #eee;
  padding: 10px 0;
}
}


.discord-changelog-widget li:last-child {
/* Título do evento (Chyllfroest, Prank Month, etc.) */
   border-bottom: none;
.event-title {
  font-size: 120%;
  font-weight: bold;
  color: #000;
   margin-bottom: 4px;
  vertical-align: -5px; /* Ajuste para alinhar com o estilo TibiaWiki */
}
}


.discord-changelog-widget a {
/* Ícone/bullet após o título */
   display: flex;
.event-icon {
   align-items: center;
   color: #000;
  width: 100%;
   margin-left: 4px;
   text-decoration: none;
   font-weight: normal;
  color: inherit;
}
}


.discord-changelog-widget img {
/* Descrição do evento */
   width: 16px;
.event-desc {
   height: 16px;
   margin-bottom: 4px;
  margin-right: 10px;
   line-height: 1.4;
}
}


.discord-changelog-widget .changelog-title {
/* Link "Saiba mais" */
  font-size: 1.1em;
.event-more a {
   font-weight: bold;
   font-weight: bold;
  color: #0645AD;
  text-decoration: none;
}
}


.discord-changelog-widget .changelog-date {
.event-more a:hover {
   margin-left: auto;
   text-decoration: underline;
  font-size: 0.9em;
  color: #888;
}
}
</style>
</style>

Edição das 18h00min de 3 de abril de 2025

     Chyllfroest
      
     Uma ponte de gelo agora conecta Svargrond a uma ilha gelada, onde monstros
     e uma estranha criatura congelada foram avistados.
     <a href="/wiki/Chyllfroest">Saiba mais ➔</a>
     Prank Month
     
     Desfrute de um mês inteiro de pegadinhas! A Hoaxette está oferecendo feitiços,
     travessuras e presentes especiais que têm alguns efeitos engraçados. 
     Um conselho final: sempre trate bem os palhaços...
     <a href="/wiki/Prank_Month">Saiba mais ➔</a>

<style> .tibia-events-widget {

 font-family: sans-serif;
 margin: 10px 0;

}

/* Cada evento */ .event-item {

 padding: 5px 0;
 border-bottom: 1px solid #ccc;

}

/* Último evento sem borda */ .event-item:last-child {

 border-bottom: none;

}

/* Título do evento (Chyllfroest, Prank Month, etc.) */ .event-title {

 font-size: 120%;
 font-weight: bold;
 color: #000;
 margin-bottom: 4px;
 vertical-align: -5px; /* Ajuste para alinhar com o estilo TibiaWiki */

}

/* Ícone/bullet após o título */ .event-icon {

 color: #000;
 margin-left: 4px;
 font-weight: normal;

}

/* Descrição do evento */ .event-desc {

 margin-bottom: 4px;
 line-height: 1.4;

}

/* Link "Saiba mais" */ .event-more a {

 font-weight: bold;
 color: #0645AD;
 text-decoration: none;

}

.event-more a:hover {

 text-decoration: underline;

} </style>