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

De Wiki Gla
Ir para navegação Ir para pesquisar
(14 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="change-widget">
  <!-- Evento 1 -->
    <div class="change-item">
  <div class="event-item">
        <span class="change-title">Galeria</span><br>
    <div class="event-title">
        <hr>
      <span class="event-name">Chyllfroest</span>
        Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer vestibulum lorem leo,
      <span class="event-icon">&#9679;</span> <!-- Ícone/bullet, ajuste se quiser outra forma -->
        eget blandit quam semper nec. Praesent rutrum mollis ullamcorper.<br>
        <span class="change-date">01/04/2025</span><br>
        <strong><a href="https://discord.com/channels/ID_GALERIA" target="_blank">Saiba mais &#x2794;</a></strong><br>
     </div>
     </div>
     <div class="event-desc">
 
      Uma ponte de gelo agora conecta Svargrond a uma ilha gelada, onde monstros
     <div class="change-item">
      e uma estranha criatura congelada foram avistados.
        <span class="change-title">Informativos</span><br>
        <hr>
        Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer vestibulum lorem leo,
        eget blandit quam semper nec. Praesent rutrum mollis ullamcorper.<br>
        <strong><a href="https://discord.com/channels/ID_INFORMATIVOS" target="_blank">Saiba mais
                &#x2794;</a></strong><br>
     </div>
     </div>
     <div class="event-more">
 
      <a href="/wiki/Chyllfroest">Saiba mais &#x2794;</a>
     <div class="change-item">
        <span class="change-title">Balanceamento</span><br>
        <hr>
        Patch notes e atualizações de balanceamento de personagens e skills.<br>
        <strong><a href="https://discord.com/channels/ID_BALANCEAMENTO" target="_blank">Saiba mais
                &#x2794;</a></strong><br>
     </div>
     </div>
  </div>


  <!-- Evento 2 -->
     <div style="clear: both;"></div>
  <div class="event-item">
     <div class="event-title">
      <span class="event-name">Prank Month</span>
      <span class="event-icon">&#9679;</span>
    </div>
    <div class="event-desc">
      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>
.tibia-events-widget {
    .change-widget {
  font-family: sans-serif;
        font-family: sans-serif;
  margin: 10px 0;
        margin: 0;
}
        padding: 0;
 
        max-height: 300px;
/* Cada evento */
        overflow-y: scroll;
.event-item {
        position: relative;
  padding: 5px 0;
    }
  border-bottom: 1px solid #ccc;
}


/* Último evento sem borda */
    .change-item {
.event-item:last-child {
        margin-bottom: 10px;
  border-bottom: none;
    }
}


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


/* Ícone/bullet após o título */
    .change-item hr {
.event-icon {
        border: none;
  color: #000;
        border-top: 1px solid #ccc;
  margin-left: 4px;
        margin: 4px 0;
  font-weight: normal;
    }
}


/* Descrição do evento */
    .change-item a {
.event-desc {
        text-decoration: none;
  margin-bottom: 4px;
        font-weight: bold;
  line-height: 1.4;
        color: #0645AD;
}
    }


/* Link "Saiba mais" */
    .change-item a:hover {
.event-more a {
        text-decoration: underline;
  font-weight: bold;
    }
  color: #0645AD;
  text-decoration: none;
}


.event-more a:hover {
    .change-date {
  text-decoration: underline;
        font-size: 120%;
}
        color: #888;
    }
</style>
</style>

Edição das 12h59min de 4 de abril de 2025

       Galeria


       Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer vestibulum lorem leo,
       eget blandit quam semper nec. Praesent rutrum mollis ullamcorper.

       01/04/2025

       <a href="https://discord.com/channels/ID_GALERIA" target="_blank">Saiba mais ➔</a>


       Informativos


       Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer vestibulum lorem leo,
       eget blandit quam semper nec. Praesent rutrum mollis ullamcorper.

       <a href="https://discord.com/channels/ID_INFORMATIVOS" target="_blank">Saiba mais
               ➔</a>


       Balanceamento


       Patch notes e atualizações de balanceamento de personagens e skills.

       <a href="https://discord.com/channels/ID_BALANCEAMENTO" target="_blank">Saiba mais
               ➔</a>

<style> 

   .change-widget {
       font-family: sans-serif;
       margin: 0;
       padding: 0;
       max-height: 300px;
       overflow-y: scroll;
       position: relative;
   }

   .change-item {
       margin-bottom: 10px;
   }

   .change-title {
       font-size: 120%;
       border: none;
       vertical-align: -5px;
       font-weight: bold;
       color: #000;
   }

   .change-item hr {
       border: none;
       border-top: 1px solid #ccc;
       margin: 4px 0;
   }

   .change-item a {
       text-decoration: none;
       font-weight: bold;
       color: #0645AD;
   }

   .change-item a:hover {
       text-decoration: underline;
   }

   .change-date {
       font-size: 120%;
       color: #888;
   }

</style>

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