Skip to content

Labelbar [pt_br]

Willian Mano edited this page May 18, 2017 · 1 revision

Introdução

Esta é uma funcionalidade extra do tema Moove. Você pode vê-la em funcionamento na imagem abaixo como "Informações da disciplina" and "Informações complementares".

A labelbar

Visando a organização dos recursos dentro das seções do curso, foram criadas convenções no uso dos rótulos.

Atenção: você poderá utilizar o plugin rótulo da maneira que desejar, porém, quando desejar criar as barras de organização, deverá ser utilizada de acordo a convenção.

Ícones

Os ícones exibidos nas barras são de uma biblioteca open source chamada “Font Awesome”. Este é o link com todos os ícones disponíveis: http://fortawesome.github.io/Font-Awesome/cheatsheet/

Como usar

Primeiro você deve ativar a edição do curso e então adicionar um novo rótulo, após isso, em texto do rótulo, ative o modo html e siga a convenção de uso.

Segue abaixo a convenção de uso:

<p class="labelbar primary"><i class="fa fa-info-circle"></i>Informações da disciplina</p>

Para o correto funcionamento, deverá ser configurado exatamente como acima, substituindo o item "fa-info-circle" pelo ícone a ser utilizado. Acesse a documentação do font awesome para explorar todas as opções de icones disponíveis.

Manter essa estrutura é de vital importância, sem ela a barra não irá funcionar adequadamente.

Cores

Existem várias opções de cores da barra. Para utilizá-las basta substituir o texto primary por qualquer uma da tabela abaixo. A seguir estão todas os nomes das classes e seu respectivo código de cor.

Nome da classe Código da cor
primary Cor principal do tema
green #8bc34a
orange #f39c12
red #c0392b
purple #9b59b6
asphalt #34495e
turquoise #1abc9c
emerald #2ecc71
peterriver #3498db
amethyst #9b59b6
carrot #e67e22
alizarin #e74c3c
concrete #95a5a6

Documentação[pr_br]

Documentation[en]

Clone this wiki locally