-
Notifications
You must be signed in to change notification settings - Fork 159
Labelbar [pt_br]
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".
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.
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/
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.
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 |