WorldWideScripts.net Delivering the best Add-Ons in more than 37 languages.

中文(简体), English, हिन्दी/हिंदी, Español/Castellano, العربية, Русский язык, Français, 中文 (台灣), বাংলা, Bahasa Indonesia, اردو, Português, Deutsch, Bahasa Melayu (بهاس ملايو‎), 日本語 (にほんご), فارسی, Italiano, తెలుగు, Türkçe, ગુજરાતી, Język polski/polszczyzna, Tiếng Việt, ಕನ್ನಡ, Українська мова, ไทย
WordPress / Interface Elements / Miscellaneous

Wordpress Toggle-It

— Add-On para WorldWideScripts.net

@pt1wwsAssine o nosso feed para se manter atualizado!

Novo! Siga-nos o que você quiser!


Wordpress Toggle-It - CodeCanyon Item for Sale

Ads

Ad: Bluehost hosting

Nota: Alguns ícones conflito com as novas wordpress 4,2 imojis

ToggleIt permite que você abra e feche qualquer elemento em seu site com ícones de deslize e personalizáveis.

Insira Ícones que alternar qualquer elemento / s na página.

Ícones Entypo inteiramente customizáveis ​​- Mais de 230 Icons - de cor Set e tamanho, abrir e fechar Ícones.

Definir velocidades de animação para animações abertas e fechadas.

Exemplo de código:

<Div class = "alternar-it"-alvo de dados = "# marca" data-color = "rgb (209, 53, 114)" shut-data-color = "rgb (115, 25, 67)"-size dados = "55px" shut-data-speed = "2000" dados open-speed = "2000"-estado de dados = "fechada" />

(Alterna uma div com a "marca" ID, cor / shut-cor é definida, o tamanho do ícone é 55px, fechada e velocidade de abertura é de 2 segundos, o estado está definido para fechar em carga.)

opções:

  • Adicionar Botão / Ícone com classe de "alternar-it" - Adicionar um DIV com a classe de "alternar-it"
  • data-ícone - ícone-data = "????" - Open Ícone símbolo
  • -icon shut-dados - ícone fechou-data = "????" - Cale Ícone Símbolo
  • dados de cores - data-color = "rgb (209, 53, 114)" - Open Ícone Cor
  • fechou-data-color = "rgb (115, 25, 67)" - - cores shut-dados Cale Ícone Cor
  • dados open-velocidade - dados open-speed = "2000" - Velocidade da animação de abertura alvo em milissegundos
  • fechou-data-velocidade - data-shut-speed = "1000" - velocidade da meta fechando animação em milissegundos
  • dados de tamanho - data-size = "50px" - pode ser "px", "%", "em"
  • data-alvo - data-target = "# DIV-one" - Por ID adicionar # antes do nome de identificação e para uso de classe. antes do nome. Exemplo: data-alvo = "# div-um" ou-alvo de dados = "div-One."
  • dados de estado - dados de estado = "fechada" - Esconde o elemento de destino no carregamento da página.

Mais exemplos de código:

<Div class = "alternar-lo" data-target = "# div1" data-color = "# ffffff" shut-data-color = "# 111111"-size data = "25px" velocidade shut-data = "1000 "data-open-speed =" 500 "shut-data-icon ="? "-icon dados =" "/>

<Div class = "alternar-it"-alvo de dados = ". A-div-com-class" data-color = "rgb (209, 53, 114)"-color shut-data = "rgb (115, 25, 67) "data-size =" 65px "shut-data-speed =" 2000 "dados open-speed =" 2000 "-estado de dados =" fechada "/>

Veja vídeo de alternância-It in Action aqui - http://www.screenr.com/YsMH

Ver código que está sendo adicionado a uma página aqui - http://www.screenr.com/UUMH


Download
Outros componentes nesta categoriaTodos os componentes deste autor
ComentáriosPerguntas mais frequentes perguntas e respostas

Propriedades

Criado:
14 de 13 de julho

Última atualização:
15 de 13 de julho

Navegadores compatíveis:
IE9, IE10, IE11, Firefox, Safari, Opera, Chrome

arquivos incluídos:
JavaScript JS, CSS, PHP

Versão do software:
WordPress 4.1, WordPress 4.0, WordPress 3.9, WordPress 3.8, WordPress 3.7, WordPress 3.6, WordPress 3.5, WordPress 3.4, WordPress 3.3, WordPress 3.2, WordPress 3.1, WordPress 3.0

Palavras-chave

comé, rcio eletrô, nico, comé, rcio eletrô, nico, Todos os itens, classe, div, esconder, identidade, exposiç, ã, o, Deslize para baixo, deslize para cima, alvo, alternar, wordpress