0 Flares 0 Flares ×



Este é um calibre de plugin para WordPress, para criar belamente animado calibres ou barras de progresso com um design circular. Um conjunto de 23 shortcode atributos estão disponíveis para personalizar o calibre. Cada indicador é processado como um elemento separado do SVG e você pode inserir vários calibres na mesma página.

Estes são os atributos disponíveis shortcode para personalizar um calibre (valores padrão entre colchetes):

  • valor (50): O valor atual da bitola.
  • Largura (200PX): A largura da bitola.
  • altura (200PX): A altura da bitola.
  • MinValue (0): O valor mínimo do calibre.
  • MaxValue (100): O valor máximo do indicador.
  • circlethickness (0.05): A espessura do círculo exterior como uma porcentagem do que raio.
  • circlefillgap (0.05): O tamanho da lacuna entre o círculo exterior e o círculo de onda como uma porcentagem do raio exterior círculos.
  • circlecolor (#178BCA): A cor do círculo externo.
  • waveheight (0.05): A altura de onda como uma porcentagem do raio do círculo onda.
  • wavecount (1): O número de ondas completa por largura do círculo onda.
  • waverisetime (1000): A quantidade de tempo em milissegundos para a onda de 0 para isso é a altura final.
  • waveanimatetime (1000): A quantidade de tempo em milissegundos para uma onda completa entrar no círculo de onda.
  • waverise (true): Controle se a onda deve levantar-se de 0 para isso é a altura total, ou começar a altura total.
  • waveheightscaling (true): Tamanho de onda controles dimensionamento em percentagens de preenchimento de baixa e alta. Quando verdadeiros, atinge altura de onda é máxima no 50% preenchimento, e no mínimo 0% e 100% preenchimento. Isso ajuda a impedir que a onda faz o círculo de onda de aparece totalmente cheio ou vazio quando perto é mínimo ou máximo preenchimento.
  • waveanimate (true): Controles se a onda rola ou é estática.
  • wavecolor (#178BCA): A cor da onda de preenchimento.
  • waveoffset (0): O valor de deslocamento inicialmente a onda. 0 = sem deslocamento. 1 = deslocamento de uma onda completa.
  • textvertposition (0.5): A altura na qual deseja exibir o porcentagem dentro de texto do círculo de onda. 0 = fundo, 1 = top.
  • tamanho do texto (1): A altura relativa do texto para exibir no círculo onda. 1 = 50%
  • valuecountup (true): Se for verdade, o valor exibido contagens de 0 Isso é valor final após o carregamento. Se false, o valor final é exibido..
  • displaypercent (true): Se for verdade, um % símbolo é exibido após o valor.
  • TextColor (#045681): A cor do texto valor quando a onda não se sobrepõem.
  • wavetextcolor (#A4DBf8): A cor do texto quando a onda sobrepõe-valor.

Aqui está um shortcode totalmente funcional com todos os atributos disponíveis:

[valor de liquidgauge =”53” largura =”200PX” altura =”200PX” MinValue =”0” MaxValue =”100” circlethickness =”0.05” circlefillgap =”0.05” circlecolor =”#178BCA” waveheight =”0.05” wavecount =”1” waverisetime =”1000” waveanimatetime =”1000” waverise =”true” waveheightscaling =”true” waveanimate =”true” wavecolor =”#178BCA” waveoffset =”0” textvertposition =”0.5” TEXTSIZE =”1” valuecountup =”true” displaypercent =”true” TextColor =”#045681” wavetextcolor =”#A4DBf8”]

0 Flares Twitter 0 Facebook 0 Google 0 PIN-compartilhar 0 LinkedIn 0 Email -- 0 Flares ×

Deixar uma resposta

Seu endereço de e-mail não será publicado. Campos obrigatórios são marcados *