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

De Wiki Gla
Ir para navegação Ir para pesquisar
m
 
(33 revisões intermediárias pelo mesmo usuário não estão sendo mostradas)
Linha 1: Linha 1:
<div class="changelog-widget">
<!-- Item 1 -->
<div class="changelog-item">
<img src="URL_DO_ICONE" class="changelog-icon">
<div class="changelog-info">
<div class="changelog-header">
<!-- TÍTULO É UM LINK -->
<a href="LINK_INFORMATIVOS" class="changelog-title">Informativos</a>
<div class="changelog-date">21.04.2025</div>
</div>
<p class="changelog-desc">
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse vel justo quis arcu faucibus
aliquet.
</p>
</div>
</div>
<!-- Item 2 -->
<div class="changelog-item">
<img src="URL_DO_ICONE" class="changelog-icon">
<div class="changelog-info">
<div class="changelog-header">
<a href="LINK_RANQUEADA" class="changelog-title">Ranqueada</a>
<div class="changelog-date">20.04.2025</div>
</div>
<p class="changelog-desc">
Nova temporada disponível a partir de 10/04 com medalhas exclusivas e ícones especiais.
</p>
</div>
</div>
<!-- Item 3 -->
<div class="changelog-item">
<img src="URL_DO_ICONE" class="changelog-icon">
<div class="changelog-info">
<div class="changelog-header">
<a href="LINK_EVENTO" class="changelog-title">Evento Temporário</a>
<div class="changelog-date">19.04.2025</div>
</div>
<p class="changelog-desc">
Fist of Love: evento de 11 a 24 de abril para enfrentar um poderoso herói da Marinha.
</p>
</div>
</div>
</div>
<style>
<style>
.changelog-widget {
body::before {
font-family: sans-serif;
content: '';
max-width: 600px;
position: fixed;
margin: 0 auto;
top: 0;
box-sizing: border-box;
left: 0;
}
width: 100%;
 
height: 100vh;
.changelog-item {
background: url('https://wiki.gla.com.br/images/b/b3/Testefundo.png') no-repeat;
display: flex;
filter: brightness(0.6);
align-items: flex-start;
 
padding: 8px 0;
background-attachment: fixed;
box-sizing: border-box;
background-position: center;
}
background-repeat: no-repeat;
 
background-size: cover;
.changelog-item:not(:last-child) {
z-index: -1;
border-bottom: 1px solid #eee;
}
 
.changelog-icon {
width: 32px;
height: 32px;
margin-right: 8px;
flex-shrink: 0;
}
 
.changelog-info {
flex: 1;
}
 
.changelog-header {
display: flex;
justify-content: space-between;
margin-bottom: 2px;
}
 
.changelog-title {
font-size: 1em;
font-weight: bold;
color: #333;
text-decoration: none;
}
 
.changelog-title:hover {
text-decoration: underline;
}
 
.changelog-date {
font-size: 0.9em;
color: #888;
margin-left: 8px;
}
 
.changelog-desc {
margin: 0;
font-size: 0.9em;
color: #555;
line-height: 1.3;
}
}
</style>
</style>

Edição atual tal como às 23h19min de 29 de agosto de 2025

<style> 

body::before {

content: ; position: fixed; top: 0; left: 0; width: 100%; height: 100vh; background: url('https://wiki.gla.com.br/images/b/b3/Testefundo.png') no-repeat; filter: brightness(0.6);

background-attachment: fixed; background-position: center; background-repeat: no-repeat; background-size: cover; z-index: -1; } </style>

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