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

De Wiki Gla
Ir para navegação Ir para pesquisar
m
 
(48 revisões intermediárias pelo mesmo usuário não estão sendo mostradas)
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>
<style>
<style>
.news-card {
body::before {
width: 100%;
content: '';
border: 1px solid #ddd;
position: fixed;
border-radius: 6px;
top: 0;
margin-bottom: 16px;
left: 0;
overflow: hidden;
width: 100%;
background: #fff;
height: 100vh;
box-sizing: border-box;
background: url('https://wiki.gla.com.br/images/b/b3/Testefundo.png') no-repeat;
}
filter: brightness(0.6);
 
 
.news-image-container {
background-attachment: fixed;
width: 100%;
background-position: center;
height: 180px;
background-repeat: no-repeat;
overflow: hidden;
background-size: cover;
}
z-index: -1;
 
.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>
</style>

Edição atual tal como às 23h19min de 29 de agosto de 2025

<style>

body::before {

content: ; position: fixed; top: 0; left: 0; width: 100%; height: 100vh; background: url('https://wiki.gla.com.br/images/b/b3/Testefundo.png') no-repeat; filter: brightness(0.6);

background-attachment: fixed; background-position: center; background-repeat: no-repeat; background-size: cover; z-index: -1; } </style>