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, ಕನ್ನಡ, Українська мова, ไทย
JavaScript / Images and Media

Complete Image Styles & Effects

— Add-On para WorldWideScripts.net

@pt1wwsAssine o nosso feed para se manter atualizado!

Novo! Siga-nos o que você quiser!


Ads

Ad: Bluehost hosting

Esta ferramenta cria estilos impressionantes e efeitos para as imagens de qualquer site usando apenas CSS3 e Javascript ( jQuery) .Ele suporta muitos estilos e efeitos que a maioria deles podem ser combinados . As combinações são centenas !

Usando o editor você pode facilmente compor e testar seus estilos . Em seguida, exportar os arquivos contendo o código que produz esses estilos e incluí-los em seu site. Finalmente, você aplicar os estilos às imagens simplesmente adicionando -lhes o nome correto da classe CSS .

Estilos e efeitos suportados

Os seguintes estilos e efeitos são suportados. A maior parte deles pode ser combinado, mas há alguns deles que não pode trabalhar em conjunto. Então, ative o seu passo a passo estilos e testar cada vez que se o resultado é bom e se ele está funcionando corretamente.

  • Border
  • Recorte
  • Corners enrolado
  • Duplo delineadas
  • Em relevo
  • Legenda externa
  • Flutuar
  • Emoldurado
  • Overlay brilhante
  • Glowing
  • Curva horizontal
  • Caption interno
  • Corners levantada
  • Margin
  • Opacidade
  • Perspectiva
  • Pop
  • Box levantada
  • Reflexão
  • rotação
  • Cantos arredondados
  • Imagem rodada
  • Sombra
  • Tremer
  • Tamanho
  • Deslizante
  • Caption
  • Tape
  • Dica
  • Curva Vertical
  • Transição

Esta ferramenta inclui 18 estilos / efeitos que podem ser usados ​​por você premade .

Como ele funciona

Esta ferramenta inclui um editor que ajuda você a criar e testar os estilos de imagem e efeitos que você deseja.Usando este editor -lo a evitar a necessidade de conhecimentos de programação. Abaixo, você pode ver duas imagens do editor.

III III II. II

A combinação de estilos e efeitos formar uma "visão " .Você pode criar muitos pontos de vista, como você deseja. Cada vista pode ser aplicada às imagens de seu site. O nome da visão é o nome da classe CSS que será adicionado à imagem, a fim de ser estilizado.

Depois de ter acabado com os pontos de vista, o editor cria um arquivo CSS e Javascript dois arquivos que serão incluídos em seu site. ( Se o seu site não carrega jQuery, então você também irá receber o arquivo jQuery do editor. ) Então você aplicar os estilos criados para suas imagens usando o atributo de classe de cada imagem. Como disse antes, o nome do ponto de vista é o nome da classe CSS que será adicionado à imagem. Por exemplo, o código HTML da imagem<img src="images/project.jpg">será feito<img src="images/project.jpg" class="my-style-1">.

Nenhum conhecimento de programação avançada é necessário, apenas HTML simples. Você só precisa ter cuidado quando você incluir os arquivos necessários para o seu site, mas não há documentação de ajuda sobre isso.

O que esta ferramenta inclui

Baixando esta ferramenta você receber um arquivo zip ( 775 KB ), contendo apenas os tipos de arquivos comuns (html, css, js, jpg, png e txt) . Entre esses arquivos o que você vai usar são os seguintes

  • editor.html: Este é o arquivo principal. Este é o editor que cria os estilos e efeitos para as imagens.
  • help.html: Ajuda a documentação sobre como usar o editor e como aplicar os estilos e efeitos para as imagens do seu site.
  • demos.htmlUma coleção de estilos e efeitos prontos feitos apenas para mostrar as capacidades desta ferramenta. Além disso, você pode usá-los em seu site.
  • demos.txt: Guardar dados dos estilos de demonstração e efeitos para carregá-los no editor e modificá-los ou utilizá-los diretamente.

Além disso, os seguintes itens serão incluídos no seu website.

  • cisae.js: Arquivo já criado e pronto para ser usado .
  • cisae.css: Será criada pelo editor.
  • código Javacscript: Algumas linhas de código Javascript que serão criados pelo editor.

Cuidado

  • Os estilos e os efeitos destas não pode ser aplicada a imagens em que outros estilos CSS complexas são aplicadas ou código Javascript manipula -las.
  • Você não pode aplicar mais de uma vista para a mesma imagem .
  • Esta ferramenta pode trabalhar com Joomla e WordPress.

Julgamento

A versão de teste do Styles imagem completa e Efeitos não suporta todos os estilos e efeitos, mas apenas alguns deles . Salvo esta limitação, o resto da ferramenta está trabalhando normalmente, assim você pode fazer um teste real do mesmo e ter certeza de que se adapte às suas necessidades.

julgamento download

Mais informações sobre esta ferramenta


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

Propriedades

Criado:
22 de 12 de Outubro

Atualização:
25 de 12 de Outubro

Versão Software:
jQuery

Arquivos incluídos:
JavaScript JS, JSON JavaScript , HTML , CSS

Palavras-chave