Mudanças entre as edições de "Widget:Teste2"
| Linha 1: | Linha 1: | ||
<div class="notice-item"> | <div class="notice-item" style="--notice-color: #FF5733;"> | ||
<div class="notice-content"> | <div class="notice-content"> | ||
<a href="LINK_DA_PAGINA" class="notice-title">Informativos</a> | <a href="LINK_DA_PAGINA" class="notice-title">Informativos</a> | ||
<div class="notice-date">21.04.2025</div> | <div class="notice-date">21.04.2025</div> | ||
<p class="notice-desc">Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p> | <p class="notice-desc"> | ||
Lorem ipsum dolor sit amet, consectetur adipiscing elit. | |||
</p> | |||
</div> | </div> | ||
<img src="URL_DO_ICONE" class="notice-icon"> | <img src="URL_DO_ICONE" class="notice-icon"> | ||
</div> | </div> | ||
<div class="notice-item"> | <div class="notice-item" style="--notice-color: #3498db;"> | ||
<div class="notice-content"> | <div class="notice-content"> | ||
<a href="LINK_DA_PAGINA" class="notice-title"> | <a href="LINK_DA_PAGINA" target="_blank" class="notice-title">Ranqueada</a> | ||
<div class="notice-date"> | <div class="notice-date">20.04.2025</div> | ||
<p class="notice-desc | <p class="notice-desc"> | ||
Nova temporada disponível a partir de 10/04 com medalhas exclusivas e ícones especiais. | |||
</p> | |||
</div> | </div> | ||
<img src="URL_DO_ICONE" class="notice-icon"> | <img src="URL_DO_ICONE" class="notice-icon"> | ||
| Linha 36: | Linha 31: | ||
padding: 8px 10px; | padding: 8px 10px; | ||
box-sizing: border-box; | box-sizing: border-box; | ||
border-left: 5px solid #f5b700; | border-left: 5px solid var(--notice-color, #f5b700); | ||
} | } | ||
| Linha 46: | Linha 41: | ||
.notice-title { | .notice-title { | ||
display: block; | display: block; | ||
font-size: | font-size: 1.3em; | ||
font-weight: bold; | font-weight: bold; | ||
color: #333; | color: #333; | ||
Edição das 06h42min de 13 de abril de 2025
<a href="LINK_DA_PAGINA" class="notice-title">Informativos</a>
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
<img src="URL_DO_ICONE" class="notice-icon">
<a href="LINK_DA_PAGINA" target="_blank" class="notice-title">Ranqueada</a>
Nova temporada disponível a partir de 10/04 com medalhas exclusivas e ícones especiais.
<img src="URL_DO_ICONE" class="notice-icon">
<style> .notice-item { display: flex; align-items: flex-start; background: #fff; border: 1px solid #ddd; border-radius: 6px; margin-bottom: 10px; padding: 8px 10px; box-sizing: border-box; border-left: 5px solid var(--notice-color, #f5b700); }
.notice-content { flex: 1; margin-right: 10px; }
.notice-title { display: block; font-size: 1.3em; font-weight: bold; color: #333; text-decoration: none; margin: 0; }
.notice-title:hover { text-decoration: underline; }
.notice-date { font-size: 0.9em; color: #888; margin: 4px 0; }
.notice-desc { font-size: 0.9em; color: #555; line-height: 1.3; margin: 0; }
.notice-icon { width: 32px; height: 32px; object-fit: contain; flex-shrink: 0; } </style>