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

Edição das 18h20min de 23 de novembro de 2024

   [[File:{{{Imagem}}}|class=img-fluid|alt={{{Alt}}}|borda|semmoldura]]

{{{Nome}}}

{{{Função}}}

     Você deve especificar um alvo válido para este botão.

Couldn't parse video from {{{Video}}}

Esta predefinição exibe um card de perfil com imagem, texto, botão e opcionalmente um vídeo do YouTube usando {{#evu}}. Parâmetros:

`Imagem` - Nome do arquivo da imagem (ex.: "Monica.jpg").
`Alt` - Texto alternativo para a imagem.
`Nome` - Nome da pessoa.
`Função` - Função ou descrição da pessoa.
`Link` - URL ou página a ser aberta ao clicar no botão.
`BotaoTexto` - Texto exibido no botão.
`Video` - URL completa do vídeo no YouTube (ex.: "https://www.youtube.com/watch?v=x8hTMQs2e_I").

@@ Linha 1: / Linha 1: @@
-<div style="background-color: #F5F3E8; width: 250px; border-radius: 8px; font-family: 'Fira Sans', sans-serif; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); overflow: hidden; text-align: center; padding: 0;">
+<div class="card shadow-sm mb-4 border-0" style="background-color: #F5F3E8; border-radius: 8px; text-align: center; font-family: 'Fira Sans', sans-serif; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); overflow: hidden;">
-   <div class="card-img-top"> [[File:Monica.jpg|class=img-fluid| |class=img-fluid|alt={{{Legenda}}}|borda|semmoldura]]</div>
+  <!-- Imagem no topo do card -->
+   <div class="card-img-top">
+    [[File:{{{Imagem}}}|class=img-fluid|alt={{{Alt}}}|borda|semmoldura]]
+  </div>
    <!-- Corpo do card -->
    <div class="card-body" style="padding: 15px;">
      <h5 class="card-title" style="font-size: 18px; margin: 0 0 5px; font-weight: 700; color: #333;">{{{Nome}}}</h5>
      <p class="card-text" style="font-size: 14px; color: #666;">{{{Função}}}</p>
      <!-- Botão -->
      <div>
-       {{#bootstrap_button: {{{Link}}} | text={{{BotaoTexto}}} | type=primary | size=sm |semborda|semmoldura }}
+       {{#bootstrap_button: {{{Link}}} | text={{{BotaoTexto}}} | type=primary | size=sm }}
      </div>
+    <!-- Vídeo do YouTube -->
-   {{#evu:https://www.youtube.com/watch?v=x8hTMQs2e_I}}
+    {{#if: {{{Video}}} |
+      <div style="margin-top: 15px;">
+        {{#evu: {{{Video}}} | alignment=inline | description=Assista ao vídeo }}
+       </div>
      }}
    </div>
 </div>
 <noinclude>
-Esta predefinição exibe um card de perfil com imagem, texto, botão e opcionalmente um vídeo do YouTube.
+Esta predefinição exibe um card de perfil com imagem, texto, botão e opcionalmente um vídeo do YouTube usando {{#evu}}.
 Parâmetros:
 * `Imagem` - Nome do arquivo da imagem (ex.: "Monica.jpg").
@@ Linha 28: / Linha 29: @@
 * `Link` - URL ou página a ser aberta ao clicar no botão.
 * `BotaoTexto` - Texto exibido no botão.
+* `Video` - URL completa do vídeo no YouTube (ex.: "https://www.youtube.com/watch?v=x8hTMQs2e_I").
-</noinclude>
-<noinclude>
-Esta predefinição exibe um card de perfil de Equipe para o Memória Viva.
 </noinclude>