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

sem sumário de edição
Sem resumo de edição
Sem resumo de edição
Linha 1: Linha 1:
<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="col-lg-3 col-md-4 col-sm-6 d-flex align-items-stretch">
  <!-- Imagem no topo do card -->
  <div class="card shadow-sm border-0" style="background-color: #F5F3E8; 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;">
   <div class="card-img-top">
   <div class="card-img-top"> [[File:{{{Imagem|default.jpg}}}|class=img-fluid|class=img-fluid|alt={{{Legenda}}}|borda|semmoldura]]</div>
    [[File:{{{Imagem}}}|class=img-fluid|alt={{{Alt}}}|borda|semmoldura]]
  </div>
   <!-- Corpo do card -->
   <!-- Corpo do card -->
   <div class="card-body" style="padding: 15px;">
   <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>
     <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>
     <p class="card-text" style="font-size: 14px; color: #666;">{{{Função}}}
    <!-- Botão -->
    </p>
    <div>
 
      {{#bootstrap_button: {{{Link}}} | text={{{BotaoTexto}}} | type=primary | size=sm }}
    </div>
     <!-- Vídeo do YouTube -->
     <!-- Vídeo do YouTube -->
     {{#if: {{{Video}}} |  
     {{#if: {{{Video}}} |  
       <div style="margin-top: 15px;">
       <div style="margin-top: 15px;">
         {{#evu: {{{Video}}} | alignment=inline | description=Assista ao vídeo }}
         {{#evu: {{{Video}}} | alignment=inline | description=Melhores momentos }}
       </div>
       </div>
<p> <!-- Botão -->
   
      {{#bootstrap_button: {{{Link}}} | text={{{BotaoTexto}}} | type=primary | size=sm }}</p>
     }}
     }}
</div>
   </div>
   </div>
</div>
</div>
Linha 23: Linha 24:
Esta predefinição exibe um card de perfil com imagem, texto, botão e opcionalmente um vídeo do YouTube usando {{#evu}}.
Esta predefinição exibe um card de perfil com imagem, texto, botão e opcionalmente um vídeo do YouTube usando {{#evu}}.
Parâmetros:
Parâmetros:
* `Imagem` - Nome do arquivo da imagem (ex.: "Monica.jpg").
* Imagem - Nome do arquivo da imagem (ex.: "Monica.jpg").
* `Alt` - Texto alternativo para a imagem.
* Alt - Texto alternativo para a imagem.
* `Nome` - Nome da pessoa.
* Nome - Nome da pessoa.
* `Função` - Função ou descrição da pessoa.
* Função - Função ou descrição da pessoa.
* `Link` - URL ou página a ser aberta ao clicar no botão.
* Link - URL ou página a ser aberta ao clicar no botão.
* `BotaoTexto` - Texto exibido 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").
* Video - URL completa do vídeo no YouTube (ex.: "https://www.youtube.com/watch?v=x8hTMQs2e_I").
</noinclude>
</noinclude>