Elementos de Faixa são elementos para serem utilizados dentro de um layout

   

THEME

  • Dark Header
  • Light Header

LAYOUT

  • Theme Style
  • Layout
  • Header
  • Top Dropdowns
  • Sidebar Mode
  • Sidebar Menu
  • Sidebar Position
  • Footer
Padrão
Ative o elemento faixa adicionando a classe 
.ribbon
ao seu elemento. O elemento 
.ribbon
precisa ser inserido dentro do elemento pai de classe: 
.mt-element-ribbon
para funcionar.
Mude a cor da sua faixa adicionando uma destas classes ao seu elemento 
.ribbon
: 
.ribbon-color-default
, 
.ribbon-color-primary
, 
.ribbon-color-info
, 
.ribbon-color-success
, 
.ribbon-color-danger
, 
.ribbon-color-warning
Faixa

Duis mollis, est non commodo luctus, nisi erat porttitor ligula

Faixa

Duis mollis, est non commodo luctus, nisi erat porttitor ligula

Faixa

Duis mollis, est non commodo luctus, nisi erat porttitor ligula

Faixa

Duis mollis, est non commodo luctus, nisi erat porttitor ligula

Faixa

Duis mollis, est non commodo luctus, nisi erat porttitor ligula

Faixa

Duis mollis, est non commodo luctus, nisi erat porttitor ligula

Alinhar à direita
Adicione 
.ribbon-right
ao seu elemento 
.ribbon
para alinhar sua faixa à direita.
Faixa

Duis mollis, est non commodo luctus, nisi erat porttitor ligula

Faixa

Duis mollis, est non commodo luctus, nisi erat porttitor ligula

Faixa

Duis mollis, est non commodo luctus, nisi erat porttitor ligula

Faixa

Duis mollis, est non commodo luctus, nisi erat porttitor ligula

Faixa

Duis mollis, est non commodo luctus, nisi erat porttitor ligula

Faixa

Duis mollis, est non commodo luctus, nisi erat porttitor ligula

Faixa Vertical
Adicione a classe 
.ribbon-vertical-left
ou 
.ribbon-vertical-right
ao seu elemento 
.ribbon
para deixá-lo na vertical.

Duis mollis, est non commodo luctus, nisi erat porttitor ligula

Duis mollis, est non commodo luctus, nisi erat porttitor ligula

Duis mollis, est non commodo luctus, nisi erat porttitor ligula

Duis mollis, est non commodo luctus, nisi erat porttitor ligula

Duis mollis, est non commodo luctus, nisi erat porttitor ligula

Duis mollis, est non commodo luctus, nisi erat porttitor ligula

Faixa com sombra
adcione à classe 
.ribbon-shadow
ao seu elemento 
.ribbon
para adicionar a sombra.
Faixa com sombra

Duis mollis, est non commodo luctus, nisi erat porttitor ligula

Faixa com sombra

Duis mollis, est non commodo luctus, nisi erat porttitor ligula

Borda arredondada
adicione a classe 
.ribbon-round
ao seu elemento 
.ribbon
para adicionar uma borda arredondada.
Faixa com borda arredondada

Duis mollis, est non commodo luctus, nisi erat porttitor ligula

Faixa com borda arredondada

Duis mollis, est non commodo luctus, nisi erat porttitor ligula

Borda
adicione a classe 
.ribbon-border
ao seu elemento 
.ribbon
para adicionar a borda.
Faixa com bordar interior

Duis mollis, est non commodo luctus, nisi erat porttitor ligula

Faixa com bordar interior

Duis mollis, est non commodo luctus, nisi erat porttitor ligula

Borda tracejada
adicione a classe 
.ribbon-border-dash
ao seu elemento 
.ribbon
para adicionar a borda.
Faixa com bordar interior

Duis mollis, est non commodo luctus, nisi erat porttitor ligula

Duis mollis, est non commodo luctus, nisi erat porttitor ligula

Borda Vertical
adicione a classe 
.ribbon-border-vert
ou 
.ribbon-border-dash-vert
ao seu elemento 
.ribbon
para adicionar a borda.

Duis mollis, est non commodo luctus, nisi erat porttitor ligula

Duis mollis, est non commodo luctus, nisi erat porttitor ligula

Borda HORIZONTAL
adicione a classe 
.ribbon-border-hor
ou 
.ribbon-border-dash-hor
ao seu elemento 
.ribbon
para adicionar a borda.
Faixa com bordar interior

Duis mollis, est non commodo luctus, nisi erat porttitor ligula

Faixa com bordar interior

Duis mollis, est non commodo luctus, nisi erat porttitor ligula

Faixa recortada
adicione a classe 
.ribbon-clip
ao seu elemento 
.ribbon
e 
.ribbon-sub
para adicionar este efeito, esta opção não funciona com faixas verticais
faixa recortada

Duis mollis, est non commodo luctus, nisi erat porttitor ligula

faixa recortada

Duis mollis, est non commodo luctus, nisi erat porttitor ligula

Faixa com marcação de livro
adicione a classe 
.ribbon-bookmark
ao seu elemento 
.ribbon-sub
para adicionar este efeito. Essa opção não funciona com faixas verticais

Duis mollis, est non commodo luctus, nisi erat porttitor ligula

Duis mollis, est non commodo luctus, nisi erat porttitor ligula

Faixa no Portlet
Visual demo for ribbons on Portlets. Duis mollis, est non commodo luctus, nisi erat porttitor ligula.
faixa no portlet
Faixa no Portlet
Visual demo for ribbons on Portlets. Duis mollis, est non commodo luctus, nisi erat porttitor ligula.
faixa no portlet
Faixa no Portlet
Visual demo for ribbons on Portlets. Duis mollis, est non commodo luctus, nisi erat porttitor ligula.

Equipe

  • 8
    ...

    Bill Gates

    Microsoft
  • ...

    George Lucas

    Lucas Arts
  • 3
    ...

    Mark Zuckerberg

    Facebook
  • ...

    Michael Jordan

    Chicago Bulls

Clientes

  • 2
    ...

    Steve Jobs

    CEO, Apple
    Visualizado às 15:10
  • novo
    ...

    Ayrton Senna

    Piloto,
    Fórmula 1
  • ...

    Robin Williams

    Ator, Instituto Gesundheit
    Visualizado às 13:10
  • 7
    ...

    Gisele Bundchen

    Modelo, SPFW
  • ...

    Steven Spielberg

    Produtor, Universal Studios
  • 4
    ...

    Maria Sharapova

    Tenista, WTA
    Visualizado às 22:45
Voltar
Bill Gates 20:15 Quando você pode me enviar o relatório?
Beyoncé 20:15 Está quase pronto. Já estou enviando...
Bill Gates 20:15 Ok! Muito obrigado! :)
Beyoncé 20:16 Eu que agradeço a paciência e me desculpe pelo atraso.
Bill Gates 20:17 Sem problemas. Faça no tempo que achar necessário :)
Beyoncé 20:40 Beleza! Quando terminar, vou te enviar um email.
Bill Gates 20:17 Ótimo! Vou checar quando receber.
Beyoncé 20:40 Por favor, me dê um feedback depois que ficar pronto.
Bill Gates 20:17 Claro! Vou verificar seu relatório e solicitar alterações se for necessário.

Geral

Sistema

Configurações Gerais

  • Ativar Notificações
  • Ativar Rastreamento
  • Log de Erros
  • Enviar Dados Automat.
  • Ativar Alertas SMS

Configurações de Sistema

  • Segurança
  • Tentativas Envio de Email
  • Porta SMTP Secundária
  • Notificar Erros de Sistema
  • Notificar Erros SMTP