Mudanças entre as edições de "Widget:Teste2"
m |
m |
||
| Linha 8: | Linha 8: | ||
<span class="news-date">21.04.2025</span> | <span class="news-date">21.04.2025</span> | ||
</div> | </div> | ||
<hr class="news-divider"> | |||
<p class="news-desc"> | <p class="news-desc"> | ||
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam nec turpis ut nunc fringilla elementum. | Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam nec turpis ut nunc fringilla elementum. Donec | ||
sit amet dolor vitae diam imperdiet posuere. | |||
</p> | </p> | ||
</div> | </div> | ||
| Linha 25: | Linha 25: | ||
<span class="news-date">21.04.2025</span> | <span class="news-date">21.04.2025</span> | ||
</div> | </div> | ||
<hr class="news-divider"> | |||
<p class="news-desc"> | <p class="news-desc"> | ||
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam nec turpis ut nunc fringilla elementum. | Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam nec turpis ut nunc fringilla elementum. Donec | ||
sit amet dolor vitae diam imperdiet posuere. | |||
</p> | </p> | ||
</div> | </div> | ||
| Linha 42: | Linha 42: | ||
<span class="news-date">21.04.2025</span> | <span class="news-date">21.04.2025</span> | ||
</div> | </div> | ||
<hr class="news-divider"> | |||
<p class="news-desc"> | <p class="news-desc"> | ||
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam nec turpis ut nunc fringilla elementum. | Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam nec turpis ut nunc fringilla elementum. Donec | ||
sit amet dolor vitae diam imperdiet posuere. | |||
</p> | </p> | ||
</div> | </div> | ||
| Linha 53: | Linha 53: | ||
.news-card { | .news-card { | ||
width: 100%; | width: 100%; | ||
max-width: 600px; | |||
border: 1px solid #ddd; | border: 1px solid #ddd; | ||
border-radius: 6px; | border-radius: 6px; | ||
| Linha 76: | Linha 77: | ||
.news-info { | .news-info { | ||
padding: 10px 14px; | padding: 10px 14px; | ||
box-sizing: border-box; | |||
} | } | ||
| Linha 96: | Linha 98: | ||
color: #888; | color: #888; | ||
margin-left: 10px; | margin-left: 10px; | ||
} | |||
.news-divider { | |||
margin: 8px 0; | |||
border: none; | |||
border-top: 1px solid #ccc; | |||
width: calc(100% + 28px); | |||
margin-left: -14px; | |||
} | } | ||
Edição das 23h16min de 12 de abril de 2025
<img src="URL_DA_IMAGEM" class="news-image">
Informativos
21.04.2025
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam nec turpis ut nunc fringilla elementum. Donec sit amet dolor vitae diam imperdiet posuere.
<img src="URL_DA_IMAGEM" class="news-image">
Informativos
21.04.2025
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam nec turpis ut nunc fringilla elementum. Donec sit amet dolor vitae diam imperdiet posuere.
<img src="URL_DA_IMAGEM" class="news-image">
Informativos
21.04.2025
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam nec turpis ut nunc fringilla elementum. Donec sit amet dolor vitae diam imperdiet posuere.
<style> .news-card { width: 100%; max-width: 600px; 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; }
.news-image { width: 100%; height: 100%; object-fit: cover; display: block; }
.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-divider { margin: 8px 0; border: none; border-top: 1px solid #ccc; width: calc(100% + 28px); margin-left: -14px; }
.news-desc { font-size: 0.9em; color: #555; line-height: 1.4; margin: 0; } </style>