Mudanças entre as edições de "Widget:Teste2"
Ir para navegação
Ir para pesquisar
(Criou página com '<!-- Exemplo de "Card" para Changelog --> <div class="changelog-card"> <div class="changelog-content"> <div class="changelog-title">CHANGELOG – 11.1</div> <div class="change...') |
|||
| Linha 1: | Linha 1: | ||
<div class="changelog-card"> | <div class="changelog-card"> | ||
<div class="changelog-content"> | <div class="changelog-content"> | ||
<div class="changelog-title"> | <div class="changelog-title">RANQUEADA</div> | ||
<div class="changelog-sub"> | <div class="changelog-sub">Nova temporada disponível 10/04</div> | ||
<div class="changelog-date">08 | <div class="changelog-date">08/04/2025</div> | ||
</div> | </div> | ||
<div class="changelog-icon"> | <div class="changelog-icon"> | ||
<img src="URL_DO_ICONE | <img src="URL_DO_ICONE"> | ||
</div> | </div> | ||
</div> | </div> | ||
| Linha 13: | Linha 12: | ||
<style> | <style> | ||
.changelog-card { | .changelog-card { | ||
display: flex; | |||
justify-content: space-between; | |||
align-items: center; | |||
background: #fff; | |||
border: 1px solid #ddd; | |||
border-radius: 6px; | |||
padding: 10px 14px; | |||
margin-bottom: 10px; | |||
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05); | |||
} | } | ||
.changelog-content { | .changelog-content { | ||
display: flex; | |||
flex-direction: column; | |||
} | } | ||
.changelog-title { | .changelog-title { | ||
font-size: 110%; | |||
font-weight: bold; | |||
color: #333; | |||
margin-bottom: 4px; | |||
} | } | ||
.changelog-sub { | .changelog-sub { | ||
font-size: 90%; | |||
color: #666; | |||
margin-bottom: 8px; | |||
} | } | ||
.changelog-date { | .changelog-date { | ||
font-size: 90%; | |||
color: #999; | |||
} | } | ||
.changelog-icon img { | .changelog-icon img { | ||
height: 60px; | |||
width: auto; | |||
border-radius: 50%; | |||
} | } | ||
</style> | </style> | ||
Edição das 19h44min de 9 de abril de 2025
RANQUEADA
Nova temporada disponível 10/04
08/04/2025
<style> .changelog-card { display: flex; justify-content: space-between; align-items: center; background: #fff; border: 1px solid #ddd; border-radius: 6px; padding: 10px 14px; margin-bottom: 10px; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05); } .changelog-content { display: flex; flex-direction: column; } .changelog-title { font-size: 110%; font-weight: bold; color: #333; margin-bottom: 4px; } .changelog-sub { font-size: 90%; color: #666; margin-bottom: 8px; } .changelog-date { font-size: 90%; color: #999; } .changelog-icon img { height: 60px; width: auto; border-radius: 50%; } </style>