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

← Edição anterior

VisualWikitexto

Edição atual tal como às 15h13min de 21 de março de 2022

[[Arquivo:{{{Imagem}}}|class=img-fluid|alt={{{Legenda}}}|borda|semmoldura]]

{{{Nome}}}

{{{Função}}}

{{{Título}}}

[[Arquivo:{{{Imagem}}}|class=img-fluid|alt={{{Legenda}}}|borda|semmoldura]]

{{{Nome}}}

{{{Função}}}

{{{Título}}}

Como usar

Criar uma linha <div class="row"> </div>para cada grupo representantes.

<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>

Na edição visual, clicar em Inserir / Predefinição.

Informar os seguintes dados nos campos da predefinição:

Imagem = Informar nome do arquivo (Exemplo: Foto_Sonia_Fleury.jpg)
Legenda = Informar legenda para preenchimento da função alt (Exemplo:Foto da Sonia Fleury)
Nome = Informar nome do participante (Exemplo: Sonia Fleury)
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)

Exemplo de uso

Sonia Fleury

Coordenadora Geral

Pesquisadora da Fiocruz

Palloma Valle Menezes

Coordenadora de Produção de Verbetes

Professora Adjunta – Departamento de Ciências Sociais da UFF

Marcelo Fornazin

Coordenador Técnico da Plataforma

Pesquisador - Ensp / Fiocruz Professor Adjunto – Instituto de Computação da UFF

Clara Polycarpo

Coordenadora de Comunicação

Doutoranda em Sociologia - Instituto de Estudos Sociais e Políticos da UERJ

Código

<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>

@@ 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__