Mudanças entre as edições de "Widget:Teste2"
m |
|||
| Linha 9: | Linha 9: | ||
</div> | </div> | ||
<p class="news-desc"> | <p class="news-desc"> | ||
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam nec turpis ut nunc fringilla elementum. Donec | Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam nec turpis ut nunc fringilla elementum. | ||
sit amet dolor vitae diam imperdiet posuere ut id augue. Integer nec est sed dui lobortis sollicitudin. | Donec sit amet dolor vitae diam imperdiet posuere ut id augue. Integer nec est sed dui lobortis | ||
sollicitudin. | |||
</p> | </p> | ||
</div> | </div> | ||
| Linha 25: | Linha 26: | ||
</div> | </div> | ||
<p class="news-desc"> | <p class="news-desc"> | ||
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam nec turpis ut nunc fringilla elementum. Donec | Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam nec turpis ut nunc fringilla elementum. | ||
sit amet dolor vitae diam imperdiet posuere ut id augue. Integer nec est sed dui lobortis sollicitudin. | Donec sit amet dolor vitae diam imperdiet posuere ut id augue. Integer nec est sed dui lobortis | ||
sollicitudin. | |||
</p> | </p> | ||
</div> | </div> | ||
| Linha 41: | Linha 43: | ||
</div> | </div> | ||
<p class="news-desc"> | <p class="news-desc"> | ||
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam nec turpis ut nunc fringilla elementum. Donec | Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam nec turpis ut nunc fringilla elementum. | ||
sit amet dolor vitae diam imperdiet posuere ut id augue. Integer nec est sed dui lobortis sollicitudin. | Donec sit amet dolor vitae diam imperdiet posuere ut id augue. Integer nec est sed dui lobortis | ||
sollicitudin. | |||
</p> | </p> | ||
</div> | </div> | ||
| Linha 50: | Linha 53: | ||
.news-card { | .news-card { | ||
width: 100%; | width: 100%; | ||
border: 1px solid #ddd; | border: 1px solid #ddd; | ||
border-radius: 6px; | border-radius: 6px; | ||
| Linha 61: | Linha 63: | ||
.news-image-container { | .news-image-container { | ||
width: 100%; | width: 100%; | ||
height: | height: 120px; | ||
overflow: hidden; | overflow: hidden; | ||
} | } | ||
| Linha 80: | Linha 82: | ||
align-items: center; | align-items: center; | ||
justify-content: space-between; | justify-content: space-between; | ||
margin-bottom: 4px; | |||
} | } | ||
| Linha 99: | Linha 102: | ||
color: #555; | color: #555; | ||
line-height: 1.4; | line-height: 1.4; | ||
margin: | margin: 0; | ||
} | } | ||
</style> | </style> | ||
Edição das 23h14min 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%; 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; }
.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>