Predefinição:CarrousselAvancado: mudanças entre as edições
Por equipe do Dicionário de Favelas Marielle Franco
Sem resumo de edição |
Sem resumo de edição |
||
| Linha 1: | Linha 1: | ||
<div class="carousel-item"> | |||
<img src="..." alt="..."> | |||
<div class="carousel-caption d-none d-md-block"> | |||
<h5>...</h5> | |||
<p>...</p> | |||
</div> | |||
</div> | |||
<div id="carouselExample" class="carousel slide" data-bs-ride="carousel" style="width: 100%; max-width: 800px; margin: auto;"> | <div id="carouselExample" class="carousel slide" data-bs-ride="carousel" style="width: 100%; max-width: 800px; margin: auto;"> | ||
<div class="carousel-inner"> | <div class="carousel-inner"> | ||
Edição das 12h14min de 24 de novembro de 2024
<img src="..." alt="...">
...
...
Título da Imagem 1
<a href="Link_da_Imagem_1" style="color: #fff; text-decoration: none;">Texto clicável ou descrição</a>
Título da Imagem 2
<a href="Link_da_Imagem_2" style="color: #fff; text-decoration: none;">Texto clicável ou descrição</a>
style=object-fit:cover;width:100%;height:auto;
Título da Imagem 3
<a href="Link_da_Imagem_3" style="color: #fff; text-decoration: none;">Texto clicável ou descrição</a>
<button class="carousel-control-prev" type="button" data-bs-target="#carouselExample" data-bs-slide="prev"> Previous </button> <button class="carousel-control-next" type="button" data-bs-target="#carouselExample" data-bs-slide="next"> Next </button>
Esta predefinição cria um carrossel com imagens, títulos e textos clicáveis usando Bootstrap.
Parâmetros:
- `Imagem1`, `Titulo1`, `Texto1`, `Link1` - Configuração para o primeiro slide.
- `Imagem2`, `Titulo2`, `Texto2`, `Link2` - Configuração para o segundo slide.
- (Adicione mais slides conforme necessário).
- Tá responsivel, galera :)
