Moodle Snippets

Escolha as cores de sua preferência e clique no componente desejado para copiar o código HTML que deverá ser colado no editor de textos, no modo HTML, da página da sua disciplina no Moodle.

Os textos apresentados são apenas a título de exemplo, você poderá mudá-los quando inserir os componentes no Moodle.

Cores:

Identificação da Disciplina

Utilizado como um banner para identificar a sala virtual da disciplina.

Copiar HTML

NOME DA DISCIPLINA

Nome do Curso - Período / Ano

Divisão de conteúdos

Utilizado para separar assuntos ou conteúdos diferentes dentro de um mesmo tópico.

Modelo 1 (sem sombra)

Copiar HTML

Título do Divisor

Modelo 2 (com sombra)

Copiar HTML

Título do Divisor

Cabeçalho do tópico ou seção

Componente interessante para descrever os objetivos de um tópico específico.

Modelo 1

Copiar HTML

Texto de identificação do tópico

Imagem JPEGLorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse ornare, nulla ut molestie faucibus, mi enim viverra arcu, vitae dignissim ante felis vel velit. Curabitur feugiat libero neque, sed consectetur lectus dictum non. Donec placerat, turpis sed eleifend mattis, mauris turpis iaculis ipsum, sit amet posuere risus dui a mi. Nullam viverra volutpat interdum. Sed finibus vulputate magna, sit amet condimentum metus feugiat quis. 

Nulla non eros porta, finibus sem eu, dictum velit. Nam ultrices sit amet mauris nec dapibus. Etiam eleifend massa congue metus feugiat, sit amet consequat ipsum sodales. In hac habitasse platea dictumst. Morbi ut nisi ac diam commodo efficitur sed eu est. Aliquam consectetur mattis lorem nec lobortis. Maecenas finibus id ipsum vel sagittis. In auctor dui et imperdiet varius. Donec tempor ipsum sit amet scelerisque venenatis. Phasellus vitae magna in sapien accumsan pellentesque. Sed non fringilla erat.

Modelo 2

Copiar HTML

Texto de identificação do tópico

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse ornare, nulla ut molestie faucibus, mi enim viverra arcu, vitae dignissim ante felis vel velit. Curabitur feugiat libero neque, sed consectetur lectus dictum non. Donec placerat, turpis sed eleifend mattis, mauris turpis iaculis ipsum, sit amet posuere risus dui a mi. Nullam viverra volutpat interdum. Sed finibus vulputate magna, sit amet condimentum metus feugiat quis.

Caixas de Texto

Elementos visuais que podem ser usados em início de seções, como enunciado de atividades e muito mais.

Modelo 1

Copiar HTML

Título da Caixa de Texto

Lorem ipsum ultrices sit amet mauris nec dapibus. Etiam eleifend massa congue metus feugiat, sit amet consequat ipsum sodales. In hac habitasse platea dictumst. Morbi ut nisi ac diam commodo efficitur sed eu est. Aliquam consectetur mattis lorem nec lobortis. Maecenas finibus id ipsum vel sagittis. In auctor dui et imperdiet varius. Donec tempor ipsum sit amet scelerisque venenatis. Phasellus vitae magna in sapien accumsan pellentesque. Sed non fringilla erat.

Modelo 2

Copiar HTML

Título da Caixa de Texto

Lorem ipsum ultrices sit amet mauris nec dapibus. Etiam eleifend massa congue metus feugiat, sit amet consequat ipsum sodales. In hac habitasse platea dictumst. Morbi ut nisi ac diam commodo efficitur sed eu est. Aliquam consectetur mattis lorem nec lobortis. Maecenas finibus id ipsum vel sagittis. In auctor dui et imperdiet varius. Donec tempor ipsum sit amet scelerisque venenatis. Phasellus vitae magna in sapien accumsan pellentesque. Sed non fringilla erat.

Modelo 3

Copiar HTML

Título da Caixa de Texto

Lorem ipsum ultrices sit amet mauris nec dapibus. Etiam eleifend massa congue metus feugiat, sit amet consequat ipsum sodales. In hac habitasse platea dictumst. Morbi ut nisi ac diam commodo efficitur sed eu est. Aliquam consectetur mattis lorem nec lobortis. Maecenas finibus id ipsum vel sagittis. In auctor dui et imperdiet varius. Donec tempor ipsum sit amet scelerisque venenatis. Phasellus vitae magna in sapien accumsan pellentesque. Sed non fringilla erat.

Modelo 4

Copiar HTML

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse ornare, nulla ut molestie faucibus, mi enim viverra arcu, vitae dignissim ante felis vel velit. Curabitur feugiat libero neque, sed consectetur lectus dictum non. Donec placerat, turpis sed eleifend mattis, mauris turpis iaculis ipsum, sit amet posuere risus dui a mi. Nullam viverra volutpat interdum. Sed finibus vulputate magna, sit amet condimentum metus feugiat quis.

Nullam viverra volutpat interdum. Sed finibus vulputate magna, sit amet condimentum metus feugiat quis.

Mensagem de Boas-vindas

Quadro com mensagem de boas-vindas a ser exibido no início da página da disciplina.

Copiar HTML

Seja muito bem-vindo/a!

Olá, seja bem-vindo(a)!

Este é o ambiente remoto da disciplina Exemplo do nº Período do curso Exemplo do IFG - Câmpus Exemplo.

Eu sou o Prof. Fulano e estou responsável por acompanhá-lo/a nesta disciplina. Mesmo com todos os desafios, estou muito feliz em podermos estar juntos, ainda que de forma virtual.

Desejo um bom retorno e bons estudos para você!

Avisos de conclusão do tópico

Uma faixa informando que o tópico foi concluído.

Copiar HTML
Parabéns! Você concluiu o nº tópico do curso!

Alertas e avisos

Utilizados para dar ênfase a alguma informação ou aviso aos alunos. Por exemplo: dizer que a atividade foi concluída, leitura de determinado tópico foi finalizada, aprovação ou reprovação em determinada atividade, dentre outros.

Sucesso Copiar HTML
Perigo Copiar HTML
Alerta Copiar HTML
Informação Copiar HTML

Separador estreito

Uma frase com uma linha abaixo separando o conteúdo de um tópico (material de apoio e atividades, por exemplo). O texto poderá ser modificado no próprio editor.

Copiar HTML
atividades formativas
Copiar HTML
material de apoio
Copiar HTML
atividades formativas

Separadores horizontais

Utilizado para separar assuntos ou conteúdos diferentes dentro de um mesmo tópico.

Separador 1 (simples 1px): Copiar HTML

Separador 2 (simples 2px): Copiar HTML

Separador 3 (tracejado): Copiar HTML

Separador 4 (pontilhado): Copiar HTML

Separador 5 (gradiente) Copiar HTML

Separador 6 (sombra) Copiar HTML