Mudanças entre as edições de "Widget:Teste2"
m |
|||
| Linha 2: | Linha 2: | ||
<div class="news-card"> | <div class="news-card"> | ||
<div class="news-image-container"> | <div class="news-image-container"> | ||
<img src=" | <img src="https://wiki.gla.com.br/images/f/fb/Guiainiciante_card.png" class="news-image"> | ||
</div> | </div> | ||
<div class="news-info"> | <div class="news-info"> | ||
| Linha 19: | Linha 19: | ||
<div class="news-card"> | <div class="news-card"> | ||
<div class="news-image-container"> | <div class="news-image-container"> | ||
<img src=" | <img src="https://wiki.gla.com.br/images/f/fb/Guiainiciante_card.png" class="news-image"> | ||
</div> | </div> | ||
<div class="news-info"> | <div class="news-info"> | ||
| Linha 36: | Linha 36: | ||
<div class="news-card"> | <div class="news-card"> | ||
<div class="news-image-container"> | <div class="news-image-container"> | ||
<img src=" | <img src="https://wiki.gla.com.br/images/f/fb/Guiainiciante_card.png" class="news-image"> | ||
</div> | </div> | ||
<div class="news-info"> | <div class="news-info"> | ||
Edição das 23h58min de 12 de abril de 2025
<a href="LINK_DA_PAGINA" class="news-card-link">
<img src="https://wiki.gla.com.br/images/f/fb/Guiainiciante_card.png" class="news-image">
21.04.2025
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
</a>
<a href="LINK_DA_PAGINA" class="news-card-link">
<img src="https://wiki.gla.com.br/images/f/fb/Guiainiciante_card.png" class="news-image">
21.04.2025
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
</a>
<a href="LINK_DA_PAGINA" class="news-card-link">
<img src="https://wiki.gla.com.br/images/f/fb/Guiainiciante_card.png" class="news-image">
21.04.2025
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
</a>
<style> .news-card-link { text-decoration: none; color: inherit; display: block; max-width: 600px; margin: 0 auto; box-sizing: border-box; }
.news-card-link:hover, .news-card-link:focus, .news-card-link:active, .news-card-link * { text-decoration: none !important; }
.news-card { border: 1px solid #ddd; border-radius: 6px; margin-bottom: 16px; overflow: hidden; background: #fff; box-sizing: border-box; }
.news-image-container { width: 100%; height: 120px; overflow: hidden; position: relative; }
.news-image { width: 100%; height: 100%; object-fit: cover; display: block; transition: 0.4s ease-out; }
.news-card-link:hover .news-image { transform: scale(1.05); }
.news-info { padding: 10px 14px; box-sizing: border-box; }
.news-header { display: flex; align-items: center; justify-content: space-between; margin-bottom: 4px; }
.news-title { font-size: 1em; font-weight: bold; color: #333; margin: 0; }
.news-date { font-size: 0.9em; color: #888; margin-left: 10px; }
.news-desc { font-size: 0.9em; color: #555; line-height: 1.4; margin: 0; } </style>