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

← Edição anterior

VisualWikitexto

@@ Linha 1: / Linha 1: @@
-<div class="col-lg-3 col-md-6 col-sm-12 d-flex align-items-stretch"><div class="card shadow-sm mb-4 border-0">
+<div class="col-lg-3 col-md-6 col-sm-12 d-flex align-items-stretch">
-  <div class="card-img-top">[[Arquivo:{{{Imagem}}}|class=img-fluid|alt={{{Legenda}}}|borda|semmoldura]]</div>
+ <div class="card shadow-sm mb-4 border-0">
-    <div class="card-body"><p class="card-text">
+   <div class="card-img-top">[[Arquivo:{{{Imagem}}}|class=img-fluid|alt={{{Legenda}}}|borda|semmoldura]]</div>
-=== {{{Nome}}} ===
+     <div class="card-body">
+                            <h5 class="card-title">{{{Nome}}}</h5>
+                            <p class="card-text" style="max-width:16em;">{{{Função}}}</p>
+                            <p class="card-text" style="max-width:16em;">{{{Título}}}</p>
+     </div>
+ </div>
+</div>
-{{{Função}}}
+<noinclude>
-{{{Título}}}
+<div class="col-lg-3 col-md-6 col-sm-12 d-flex align-items-stretch">
+ <div class="card shadow-sm mb-4 border-0">
+   <div class="card-img-top">[[Arquivo:{{{Imagem}}}|class=img-fluid|alt={{{Legenda}}}|borda|semmoldura]]</div>
+     <div class="card-body">
+                            <h5 class="card-title">{{{Nome}}}</h5>
+                            <p class="card-text" style="max-width:16em;">{{{Função}}}</p>
+                            <p class="card-text" style="max-width:16em;">{{{Título}}}</p>
+     </div>
+ </div>
+</div>
-</p></div></div></div><noinclude>
-== Como aparece ==
+== Como usar ==
-<div class="col-lg-3 col-md-6 col-sm-12 d-flex align-items-stretch"><div class="card shadow-sm mb-4 border-0">
-  <div class="card-img-top">[[Arquivo:Foto_Sonia_Fleury.jpg|class=img-fluid|alt=Foto de Sonia Fleury|borda|semmoldura]]</div>
-    <div class="card-body"><p class="card-text">
-=== Sonia Fleury ===
-Coordenadora Geral
+Criar uma linha <code><nowiki><div class="row"> </div></nowiki></code>para cada grupo representantes.
-Pesquisadora da Fiocruz
+<pre>
+<div class="row">Incluir as predefinições entre essas tags</div>
+<div class="row">
+{{Perfil
+|Imagem=Foto_Sonia_Fleury.jpg
+|Legenda=Foto da Sonia Fleury
+|Nome=Sonia Fleury
+|Função=Coordenadora Geral
+|Título=Pesquisadora da Fiocruz
+}}
+{{Perfil
+|Imagem=Foto-Palloma_Menezes.jpg
+|Legenda=Foto de Palloma Menezes
+|Nome=Palloma Valle Menezes
+|Função=Coordenadora de Produção de Verbetes
+|Título=Professora Adjunta – Departamento de Ciências Sociais da UFF
+}}
+{{Perfil
+|Imagem=Fornazin.jpg
+|Legenda=Foto do Marcelo Fornazin
+|Nome=Marcelo Fornazin
+|Função=Coordenador Técnico da Plataforma
+|Título=Pesquisador - Ensp / Fiocruz
+Professor Adjunto – Instituto de Computação da UFF
+}}
+{{Perfil
+|Imagem=ClaraPolycarpo.jpg
+|Legenda=Foto do Marcelo Fornazin
+|Nome=Clara Polycarpo
+|Função=Coordenadora de Comunicação
+|Título=Doutoranda em Sociologia - Instituto de Estudos Sociais e Políticos da UERJ
+}}
+</div>
-</p></div></div></div>
+</pre>
-== Código ==
+Na edição visual, clicar em Inserir / Predefinição.
-<pre>
+Informar os seguintes dados nos campos da predefinição:
-<div class="col-lg-3 col-md-6 col-sm-12 d-flex align-items-stretch"><div class="card shadow-sm mb-4 border-0">
+*'''Imagem''' = Informar nome do arquivo (Exemplo: '''Foto_Sonia_Fleury.jpg''')
-  <div class="card-img-top">[[Arquivo:{{{Imagem}}}|class=img-fluid|alt={{{Legenda}}}|borda|semmoldura]]</div>
+*'''Legenda''' = Informar legenda para preenchimento da função alt (Exemplo:'''Foto da Sonia Fleury''')
-    <div class="card-body"><p class="card-text">
+*'''Nome''' = Informar nome do participante (Exemplo: '''Sonia Fleury''')
-=== {{{Nome}}} ===
+*'''Função''' = Informar a função que será exibida na mini-bio (Exemplo:'''Coordenadora Geral''')
+*'''Título''' = Informar os títulos e/ou vínculos institucionais que serão exibidos na mini-bio (Exemplo:'''Pesquisadora da Fiocruz''')
-{{{Função}}}
+== Exemplo de uso ==
+<div class="row">
+{{Perfil
+|Imagem=Foto_Sonia_Fleury.jpg
+|Legenda=Foto da Sonia Fleury
+|Nome=Sonia Fleury
+|Função=Coordenadora Geral
+|Título=Pesquisadora da Fiocruz
+}}
+{{Perfil
+|Imagem=Foto-Palloma_Menezes.jpg
+|Legenda=Foto de Palloma Menezes
+|Nome=Palloma Valle Menezes
+|Função=Coordenadora de Produção de Verbetes
+|Título=Professora Adjunta – Departamento de Ciências Sociais da UFF
+}}
+{{Perfil
+|Imagem=Fornazin.jpg
+|Legenda=Foto do Marcelo Fornazin
+|Nome=Marcelo Fornazin
+|Função=Coordenador Técnico da Plataforma
+|Título=Pesquisador - Ensp / Fiocruz
-{{{Título}}}
+Professor Adjunto – Instituto de Computação da UFF
+}}
+{{Perfil
+|Imagem=ClaraPolycarpo.jpg
+|Legenda=Foto do Marcelo Fornazin
+|Nome=Clara Polycarpo
+|Função=Coordenadora de Comunicação
+|Título=Doutoranda em Sociologia - Instituto de Estudos Sociais e Políticos da UERJ
+}}
+</div>
+== Código ==
-</p></div></div></div></pre>
+<pre>
+<div class="row">
+{{Perfil
+|Imagem=Foto_Sonia_Fleury.jpg
+|Legenda=Foto da Sonia Fleury
+|Nome=Sonia Fleury
+|Função=Coordenadora Geral
+|Título=Pesquisadora da Fiocruz
+}}
+</div>
+</pre>
 </noinclude>
+__NOTOC__
+__NOEDITSECTION__