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

Por equipe do Dicionário de Favelas Marielle Franco
(Criou página com '<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;"> <!-- 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-s...')
 
Sem resumo de edição
 
(18 revisões intermediárias pelo mesmo usuário não estão sendo mostradas)
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">
    <!-- Imagem no topo -->
    [[File:{{{Imagem}}}|class=img-fluid|alt={{{Alt}}}|borda|semmoldura]]
    <div class="card-img-top">  
  </div>
      [[File:{{{Imagem|default.jpg}}}|class=img-fluid|alt={{{Legenda|Descrição da imagem}}}|borda|semmoldura]]
  <!-- Corpo do card -->
    </div>
  <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>
    <!-- Corpo do card -->
    <p class="card-text" style="font-size: 14px; color: #666;">{{{Função}}}</p>
    <div class="card-body" style="padding: 15px;">
    <!-- Botão -->
      <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>
      {{#bootstrap_button: {{{Link}}} | text={{{BotaoTexto}}} | type=primary | size=sm }}
     
      <!-- 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.