|
|
| (25 revisões intermediárias pelo mesmo usuário não estão sendo mostradas) |
| Linha 1: |
Linha 1: |
| <div class="notice-item" style="--notice-color: #FF5733;">
| |
| <div class="notice-content">
| |
| <a href="LINK_DA_PAGINA" class="notice-title">Informativos</a>
| |
| <div class="notice-date">21.04.2025</div>
| |
| <p class="notice-desc">
| |
| Lorem ipsum dolor sit amet, consectetur adipiscing elit.
| |
| </p>
| |
| </div>
| |
| <img src="URL_DO_ICONE" class="notice-icon">
| |
| </div>
| |
|
| |
| <div class="notice-item" style="--notice-color: #3498db;">
| |
| <div class="notice-content">
| |
| <a href="LINK_DA_PAGINA" target="_blank" class="notice-title">Ranqueada</a>
| |
| <div class="notice-date">20.04.2025</div>
| |
| <p class="notice-desc">
| |
| Nova temporada disponível a partir de 10/04 com medalhas exclusivas e ícones especiais.
| |
| </p>
| |
| </div>
| |
| <img src="URL_DO_ICONE" class="notice-icon">
| |
| </div>
| |
|
| |
| <style> | | <style> |
| .notice-item {
| | body::before { |
| display: flex;
| | content: ''; |
| align-items: flex-start;
| | position: fixed; |
| background: #fff;
| | top: 0; |
| border: 1px solid #ddd;
| | left: 0; |
| border-radius: 6px;
| | width: 100%; |
| margin-bottom: 10px;
| | height: 100vh; |
| padding: 8px 10px;
| | background: url('https://wiki.gla.com.br/images/b/b3/Testefundo.png') no-repeat; |
| box-sizing: border-box;
| | filter: brightness(0.6); |
| border-left: 5px solid var(--notice-color, #f5b700);
| | |
| }
| | background-attachment: fixed; |
| | | background-position: center; |
| .notice-content {
| | background-repeat: no-repeat; |
| flex: 1;
| | background-size: cover; |
| margin-right: 10px;
| | z-index: -1; |
| }
| |
| | |
| .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: -5px 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> | | </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>
