Predefinição:CarrousselAvancado: mudanças entre as edições

Predefinição:CarrousselAvancado (editar)

Edição das 12h11min de 24 de novembro de 2024

15 bytes removidos , 24 de novembro de 2024

sem sumário de edição

Isabel Xavier

Administradores da interface, Administradores (Semantic MediaWiki), Editores (Semantic MediaWiki), Administradores

352

edições

@@ Linha 1: / Linha 1: @@
+<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;">
    <div class="carousel-inner">
      <!-- Slide 1 -->
      <div class="carousel-item active">
-       [[File:{{{Imagem1}}}|class=img-fluid|alt={{{Titulo1}}}|style=width:100%;height:auto;]]
+       [[File:Imagem1.jpg|class=img-fluid|alt=Descrição da Imagem 1|style=object-fit:cover;width:100%;height:auto;]]
        <div class="carousel-caption d-none d-md-block">
-         <h5><a href="{{{Link1}}}" style="color: white; text-decoration: none;">{{{Titulo1}}}</a></h5>
+         <h5 style="font-size: 1.5em;">Título da Imagem 1</h5>
-         <p><a href="{{{Link1}}}" style="color: white; text-decoration: none;">{{{Texto1}}}</a></p>
+         <p><a href="Link_da_Imagem_1" style="color: #fff; text-decoration: none;">Texto clicável ou descrição</a></p>
        </div>
      </div>
      <!-- Slide 2 -->
      <div class="carousel-item">
-       [[File:{{{Imagem2}}}|class=img-fluid|alt={{{Titulo2}}}|style=width:100%;height:auto;]]
+       [[File:Imagem2.jpg|class=img-fluid|alt=Descrição da Imagem 2|style=object-fit:cover;width:100%;height:auto;]]
        <div class="carousel-caption d-none d-md-block">
-         <h5><a href="{{{Link2}}}" style="color: white; text-decoration: none;">{{{Titulo2}}}</a></h5>
+         <h5 style="font-size: 1.5em;">Título da Imagem 2</h5>
-         <p><a href="{{{Link2}}}" style="color: white; text-decoration: none;">{{{Texto2}}}</a></p>
+         <p><a href="Link_da_Imagem_2" style="color: #fff; text-decoration: none;">Texto clicável ou descrição</a></p>
        </div>
      </div>
-     <!-- Slide 3 (repita para mais slides) -->
+     <!-- Slide 3 -->
-    {{#if: {{{Imagem3|}}} |
      <div class="carousel-item">
-       [[File:{{{Imagem3}}}|class=img-fluid|alt={{{Titulo3}}}|style=width:100%;height:auto;]]
+       [[File:Imagem3.jpg|class=img-fluid|alt=Descrição da Imagem 3|style=object-fit:cover;width:100%;height:auto;]]
        <div class="carousel-caption d-none d-md-block">
-         <h5><a href="{{{Link3}}}" style="color: white; text-decoration: none;">{{{Titulo3}}}</a></h5>
+         <h5 style="font-size: 1.5em;">Título da Imagem 3</h5>
-         <p><a href="{{{Link3}}}" style="color: white; text-decoration: none;">{{{Texto3}}}</a></p>
+         <p><a href="Link_da_Imagem_3" style="color: #fff; text-decoration: none;">Texto clicável ou descrição</a></p>
        </div>
      </div>
-    }}
    </div>
-   <!-- Controles -->
+   <!-- Controles do Carrossel -->
    <button class="carousel-control-prev" type="button" data-bs-target="#carouselExample" data-bs-slide="prev">
      <span class="carousel-control-prev-icon" aria-hidden="true"></span>
-     <span class="visually-hidden">Anterior</span>
+     <span class="visually-hidden">Previous</span>
    </button>
    <button class="carousel-control-next" type="button" data-bs-target="#carouselExample" data-bs-slide="next">
      <span class="carousel-control-next-icon" aria-hidden="true"></span>
-     <span class="visually-hidden">Próximo</span>
+     <span class="visually-hidden">Next</span>
    </button>
 </div>
 <div class="clearfix"></div>