Mudanças entre as edições de "Widget:Teste2"
| Linha 4: | Linha 4: | ||
</div> | </div> | ||
<div class="news-info"> | <div class="news-info"> | ||
<div class="news- | <div class="news-header"> | ||
< | <h2 class="news-title">Informativos</h2> | ||
<span class="news-date">21.04.2025</span> | |||
</div> | |||
<p class="news-desc"> | <p class="news-desc"> | ||
Lorem ipsum dolor sit amet, consectetur adipiscing elit. | Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam nec turpis ut nunc fringilla elementum. Donec | ||
sit amet dolor vitae diam imperdiet posuere ut id augue. Integer nec est sed dui lobortis sollicitudin. | |||
</p> | </p> | ||
</div> | </div> | ||
| Linha 18: | Linha 20: | ||
</div> | </div> | ||
<div class="news-info"> | <div class="news-info"> | ||
<div class="news- | <div class="news-header"> | ||
< | <h2 class="news-title">Informativos</h2> | ||
<span class="news-date">21.04.2025</span> | |||
</div> | |||
<p class="news-desc"> | <p class="news-desc"> | ||
Lorem ipsum dolor sit amet, consectetur adipiscing elit. | Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam nec turpis ut nunc fringilla elementum. Donec | ||
sit amet dolor vitae diam imperdiet posuere ut id augue. Integer nec est sed dui lobortis sollicitudin. | |||
</p> | </p> | ||
</div> | </div> | ||
| Linha 32: | Linha 36: | ||
</div> | </div> | ||
<div class="news-info"> | <div class="news-info"> | ||
<div class="news- | <div class="news-header"> | ||
< | <h2 class="news-title">Informativos</h2> | ||
<span class="news-date">21.04.2025</span> | |||
</div> | |||
<p class="news-desc"> | <p class="news-desc"> | ||
Lorem ipsum dolor sit amet, consectetur adipiscing elit. | Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam nec turpis ut nunc fringilla elementum. Donec | ||
sit amet dolor vitae diam imperdiet posuere ut id augue. Integer nec est sed dui lobortis sollicitudin. | |||
</p> | </p> | ||
</div> | </div> | ||
| Linha 44: | Linha 50: | ||
.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 69: | Linha 76: | ||
} | } | ||
.news- | .news-header { | ||
display: flex; | |||
align-items: center; | |||
justify-content: space-between; | |||
} | } | ||
.news-title { | .news-title { | ||
font-size: 1em; | font-size: 1em; | ||
font-weight: bold; | |||
color: #333; | color: #333; | ||
margin: | margin: 0; | ||
font- | } | ||
.news-date { | |||
font-size: 0.9em; | |||
color: #888; | |||
margin-left: 10px; | |||
} | } | ||
| Linha 86: | Linha 99: | ||
color: #555; | color: #555; | ||
line-height: 1.4; | line-height: 1.4; | ||
margin: | margin: 8px 0 0 0; | ||
} | } | ||
</style> | </style> | ||
Edição das 23h09min 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 ut id augue. Integer nec est sed dui lobortis sollicitudin.
<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 ut id augue. Integer nec est sed dui lobortis sollicitudin.
<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 ut id augue. Integer nec est sed dui lobortis sollicitudin.
<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: 180px; overflow: hidden; }
.news-image { width: 100%; height: 100%; object-fit: cover; display: block; }
.news-info { padding: 10px 14px; }
.news-header { display: flex; align-items: center; justify-content: space-between; }
.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: 8px 0 0 0; } </style>