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

De Wiki Gla
Ir para navegação Ir para pesquisar
Linha 1: Linha 1:
<div class="news-card">
<div class="news-image-container">
<img src="URL_DA_IMAGEM" class="news-image">
</div>
<div class="news-info">
<div class="news-meta">TESTE 01.04.2025</div>
<h2 class="news-title">TESTE</h2>
<p class="news-desc">
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla elementum nibh lorem. Aenean pharetra ex et
eros luctus congue. Pellentesque neque tellus, interdum non volutpat vitae, vulputate eget eros.
</p>
</div>
</div>
<div class="news-card">
<div class="news-image-container">
<img src="URL_DA_IMAGEM" class="news-image">
</div>
<div class="news-info">
<div class="news-meta">TESTE 01.04.2025</div>
<h2 class="news-title">TESTE</h2>
<p class="news-desc">
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla elementum nibh lorem. Aenean pharetra ex et
eros luctus congue. Pellentesque neque tellus, interdum non volutpat vitae, vulputate eget eros.
</p>
</div>
</div>
<div class="news-card">
<div class="news-card">
<div class="news-image-container">
<div class="news-image-container">

Edição das 23h03min de 12 de abril de 2025

<img src="URL_DA_IMAGEM" class="news-image">

TESTE 01.04.2025

TESTE

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla elementum nibh lorem. Aenean pharetra ex et eros luctus congue. Pellentesque neque tellus, interdum non volutpat vitae, vulputate eget eros.

<img src="URL_DA_IMAGEM" class="news-image">

TESTE 01.04.2025

TESTE

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla elementum nibh lorem. Aenean pharetra ex et eros luctus congue. Pellentesque neque tellus, interdum non volutpat vitae, vulputate eget eros.

<img src="URL_DA_IMAGEM" class="news-image">

TESTE 01.04.2025

TESTE

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla elementum nibh lorem. Aenean pharetra ex et eros luctus congue. Pellentesque neque tellus, interdum non volutpat vitae, vulputate eget eros.

<style> .news-card { width: 100%; border: 1px solid #ddd; border-radius: 6px; margin-bottom: 16px; overflow: hidden; background: #fff; box-sizing: border-box; }

.news-image-container { width: 100%; height: 180px; overflow: hidden; }

.news-image { width: 100%; height: 100%; object-fit: cover; display: block; }

.news-info { padding: 10px 14px; }

.news-meta { font-size: 90%; color: #888; margin-bottom: 4px; }

.news-title { font-size: 1em; color: #333; margin: 4px 0; font-weight: bold; }

.news-desc { font-size: 0.9em; color: #555; line-height: 1.4; margin: 6px 0 0 0; } </style>