Predefinição:CardPerfil: 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
 
(4 revisões intermediárias pelo mesmo usuário não estão sendo mostradas)
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="col-lg-3 col-md-4 col-sm-6 d-flex align-items-stretch">
  <div class="card-img-top"> [[File:{{{Imagem|default.jpg}}}|class=img-fluid| |class=img-fluid|alt={{{Legenda}}}|borda|semmoldura]]</div>
  <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;">
    <!-- Imagem no topo -->
  <!-- Corpo do card -->
    <div class="card-img-top">  
  <div class="card-body" style="padding: 15px;">
      [[File:{{{Imagem|default.jpg}}}|class=img-fluid|alt={{{Legenda|Descrição da imagem}}}|borda|semmoldura]]
    <h5 class="card-title" style="font-size: 18px; margin: 0 0 5px; font-weight: 700; color: #333;">{{{Nome}}}</h5>
    </div>
    <p class="card-text" style="font-size: 14px; color: #666;">{{{Função}}}</p>
   
    <!-- Botão -->
    <!-- Corpo do card -->
    <div class="button" style="margin: 0; padding: 0; border: none;">
    <div class="card-body" style="padding: 15px;">
      {{#bootstrap_button: {{{Link}}} | text={{{BotaoTexto}}} | type=primary | size=sm }}
      <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>
     
      <!-- Vídeo do YouTube (opcional) -->
      {{#if: {{{Video}}} |
        <div style="margin-top: 15px;">
          {{#evu: {{{Video}}} | alignment=inline | description=Melhores momentos }}
        </div>
      }}
 
      <!-- Botão (opcional) -->
      {{#if: {{{Link}}} |
        <div style="margin-top: 15px;">
          {{#bootstrap_button: {{{Link}}} | text={{{BotaoTexto|Saiba mais}}} | type=primary | size=sm }}
        </div>
      }}
     </div>
     </div>
    <!-- Vídeo do YouTube -->
    {{#if: {{{Video}}} |
      <div style="margin-top: 15px;">
        {{#evu: {{{Video}}} | alignment=inline | description=Assista ao vídeo }}
      </div>
    }}
   </div>
   </div>
</div>
</div>
<noinclude>
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").
</noinclude>

Edição atual tal como às 20h39min de 23 de novembro de 2024

     Descrição da imagem
{{{Nome}}}

{{{Função}}}

Couldn't parse video from {{{Video}}}
         Você deve especificar um alvo válido para este botão.