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="changelog-container">
<div class="news-container">
<!-- Card Evento Temporário: Fist of Love -->
  <!-- Card 1: Fist of Love -->
<div class="changelog-card">
  <div class="news-card">
  <div class="changelog-content">
    <img src="URL_IMG_FIST_OF_LOVE" class="news-image">
     <div class="changelog-title">Fist of Love: Marine Training</div>
     <div class="news-info">
    <div class="changelog-sub"></div>
      <span class="news-date">08/04/2025 - Evento</span>
    <div class="changelog-date">10/04 até 24/04</div>
      <h2 class="news-title">Fist of Love</h2>
      <p class="news-desc">
        Participe deste evento temporário de 11 a 24 de abril
        e enfrente um poderoso herói da Marinha!
      </p>
      <a href="LINK_DO_DISCORD_OU_WIKI" class="news-link" target="_blank">Confira detalhes</a>
    </div>
   </div>
   </div>
   <div class="changelog-icon">
 
     <a href="LINK_DO_EVENTO_FIST_OF_LOVE" target="_blank">
  <!-- Card 2: Ranqueada -->
       <img src="URL_DO_ICONE_EVENTO">
   <div class="news-card">
     </a>
     <img src="URL_IMG_RANQUEADA" class="news-image">
    <div class="news-info">
      <span class="news-date">09/04/2025 - Ranqueada</span>
      <h2 class="news-title">Nova Temporada</h2>
      <p class="news-desc">
        Temporada inicia em 10/04, conquiste medalhas de diamante
        e um ícone de perfil exclusivo!
       </p>
      <a href="LINK_DO_DISCORD_OU_WIKI" class="news-link" target="_blank">Veja mais</a>
     </div>
   </div>
   </div>
</div>
 
 
  <!-- Card 3: Informativos (se quiser) -->
<div class="changelog-card">
  <div class="news-card">
  <div class="changelog-content">
    <img src="URL_IMG_INFORMATIVOS" class="news-image">
    <div class="changelog-title">Informativos</div>
     <div class="news-info">
     <div class="changelog-sub"></div>
      <span class="news-date">09/04/2025 - Informativos</span>
    <div class="changelog-date">08/04/2025</div>
      <h2 class="news-title">Ajustes gerais</h2>
  </div>
       <p class="news-desc">
  <div class="changelog-icon">
        Saiba sobre a reta final da temporada de records,
    <a href="https://discord.com/channels/390234650590576650/390234763623137280/1359277599414554795" target="_blank">
        novas skins, e mudanças de poções de EXP.
       <img src="URL_DO_ICONE_INFORMATIVOS">
      </p>
    </a>
      <a href="LINK_DO_DISCORD_OU_WIKI" class="news-link" target="_blank">Leia mais</a>
  </div>
     </div>
</div>
 
<div class="changelog-card">
  <div class="changelog-content">
    <div class="changelog-title">Ranqueada</div>
    <div class="changelog-sub"></div>
    <div class="changelog-date">08/04/2025</div>
  </div>
  <div class="changelog-icon">
    <a href="https://discord.com/channels/390234650590576650/442456286521458708/1359206650212253886" target="_blank">
      <img src="URL_DO_ICONE_INFORMATIVOS">
     </a>
   </div>
   </div>
</div>
</div>
</div>


<style>
<style>
.changelog-container {
.news-container {
   display: flex;
   display: flex;
   flex-direction: column;
   flex-wrap: wrap;
  gap: 10px; /* Espaço entre cards */
}
}
.changelog-card {
.news-card {
   display: flex;
   flex: 1 1 300px;  
  justify-content: space-between;
   max-width: 300px;  
   align-items: center;
   background: #fff;  
   background: #fff;
   border: 1px solid #ddd;  
   border: 1px solid #ddd;
   border-radius: 8px;  
   border-radius: 6px;
   overflow: hidden;  
   padding: 10px 14px;
   display: flex;
   margin-bottom: 10px;
  flex-direction: column;  
   box-shadow: 0 1px 2px rgba(0,0,0,0.05);
   box-shadow: 0 1px 2px rgba(0,0,0,0.05);
}
}
.changelog-content {
.news-image {
   display: flex;
  width: 100%;
   flex-direction: column;
  height: auto;
   display: block;
}
.news-info {
  padding: 10px;
}
.news-date {
   font-size: 80%;
  color: #888;
}
}
.changelog-title {
.news-title {
   font-size: 110%;
   font-size: 100%;
   font-weight: bold;
   font-weight: bold;
  margin: 5px 0;
   color: #333;
   color: #333;
  margin-bottom: 4px;
}
}
.changelog-sub {
.news-desc {
   font-size: 90%;
   font-size: 90%;
   color: #666;
   color: #555;
   margin-bottom: 8px;
   margin-bottom: 8px;
  /* Se quiser truncar texto:
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
  */
}
}
.changelog-date {
.news-link {
   font-size: 90%;
   font-size: 90%;
   color: #999;
   color: #007bff;
  text-decoration: none;
  font-weight: bold;
}
}
.changelog-icon img {
.news-link:hover {
   height: 60px;
   text-decoration: underline;
  width: auto;
  border-radius: 50%;
}
}
</style>
</style>

Edição das 21h45min de 12 de abril de 2025

   <img src="URL_IMG_FIST_OF_LOVE" class="news-image">

     08/04/2025 - Evento

Fist of Love

Participe deste evento temporário de 11 a 24 de abril e enfrente um poderoso herói da Marinha! 

     <a href="LINK_DO_DISCORD_OU_WIKI" class="news-link" target="_blank">Confira detalhes</a>

   <img src="URL_IMG_RANQUEADA" class="news-image">

     09/04/2025 - Ranqueada

Nova Temporada

Temporada inicia em 10/04, conquiste medalhas de diamante e um ícone de perfil exclusivo! 

     <a href="LINK_DO_DISCORD_OU_WIKI" class="news-link" target="_blank">Veja mais</a>

   <img src="URL_IMG_INFORMATIVOS" class="news-image">

     09/04/2025 - Informativos

Ajustes gerais

Saiba sobre a reta final da temporada de records, novas skins, e mudanças de poções de EXP. 

     <a href="LINK_DO_DISCORD_OU_WIKI" class="news-link" target="_blank">Leia mais</a>

<style> .news-container { 

 display: flex;
 flex-wrap: wrap;
 gap: 10px; /* Espaço entre cards */

} .news-card { 

 flex: 1 1 300px; 
 max-width: 300px; 
 background: #fff; 
 border: 1px solid #ddd; 
 border-radius: 8px; 
 overflow: hidden; 
 display: flex; 
 flex-direction: column; 
 box-shadow: 0 1px 2px rgba(0,0,0,0.05);

} .news-image { 

 width: 100%;
 height: auto;
 display: block;

} .news-info { 

 padding: 10px;

} .news-date { 

 font-size: 80%;
 color: #888;

} .news-title { 

 font-size: 100%;
 font-weight: bold;
 margin: 5px 0;
 color: #333;

} .news-desc { 

 font-size: 90%;
 color: #555;
 margin-bottom: 8px;
 /* Se quiser truncar texto: 
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
 */

} .news-link { 

 font-size: 90%;
 color: #007bff;
 text-decoration: none;
 font-weight: bold;

} .news-link:hover { 

 text-decoration: underline;

} </style>

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