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 per WorldWideScripts.net

Rep les nostres RSS per estar al dia!

Nou! Segueix-nos com vulguis!


Ads

Ad: Bluehost hosting

Aquesta eina crea estils i efectes per a les imatges de qualsevol lloc web utilitzant només CSS3 i Javascript ( jQuery ) impressionants .És compatible amb molts estils i efectes que la majoria d'ells es poden combinar . Les combinacions són centenars !

Usant l'editor pot compondre i provar els seus estils fàcilment . A continuació, exportar els arxius que contenen el codi que produeix aquests estils i els inclou en el seu lloc web . Finalment, s'apliquen els estils a les imatges amb només afegir -hi el nom de classe CSS correcte .

Estils i efectes compatibles

Els següents estils i efectes són compatibles . La majoria d'ells es poden combinar, però hi ha alguns d'ells que no poden treballar junts . Així, activi el seu pas estils per pas i provar cada moment, si el resultat és agradable i si està funcionant correctament .

  • Border
  • Retall
  • Cantonades doblegades
  • Doble esbossat
  • En relleu
  • Llegenda externa
  • Float
  • Emmarcat
  • Overlay brillant
  • Glowing
  • Corba Horitzontal
  • Llegenda interna
  • Lifted cantonades
  • Marge
  • Opacitat
  • Perspectiva
  • Pop
  • Criat Caixa
  • Reflexió
  • rotació
  • Arrodonir vèrtexs
  • Imatge de Ronda
  • Ombra
  • Agiti
  • Mida
  • Corredisses
  • Caption
  • Tape
  • Tooltip
  • Corba Vertical
  • Transició

Aquesta eina inclou 18 estils / efectes que poden ser utilitzats per vostè prefabricats .

Com funciona

Aquesta eina inclou un editor que l'ajuda a crear i provar els estils d'imatge i efectes que vostè desitja.L'ús d'aquest editor a evitar la necessitat de coneixements de programació . A continuació pots veure dues captures de pantalla de l'editor .

III III II . II ,

La combinació d'estils i efectes de formar una "vista " .Pots crear tantes vistes com vulgui . Cada vista es pot aplicar a les imatges del seu lloc web . El nom de la vista és el nom de la classe CSS que s'afegeix a la imatge per tal de ser estilitzada .

Després d'haver acabat amb els punts de vista, l'editor crea un arxiu CSS i Javascript dos arxius que s'inclouran a la seva pàgina web . ( Si el vostre lloc no es carrega jQuery, llavors també tindrà l'arxiu de jQuery l'editor . ) Després s'apliquen els estils creats a les teves imatges amb l'atribut de classe de cada imatge . Com deia abans, el nom de la vista és el nom de classe CSS que s'afegeix a la imatge . Per exemple, la imatge de codi HTML<img src="images/project.jpg">es farà<img src="images/project.jpg" class="my-style-1">.

No es necessiten coneixements de programació avançada, només HTML simple. Només has de tenir cura quan s'inclouen els arxius necessaris al seu lloc web, però no hi ha documentació d'ajuda sobre això .

Què inclou aquesta eina

Descarrega aquesta eina rep un arxiu zip ( 775 KB ) que conté només els tipus d'arxiu comuns ( html, css, js, jpg, png i txt) . Entre aquests arxius els quals es van a utilitzar són els següents

  • editor.html: Aquest és l'arxiu principal . Aquest és l'editor que crea els estils i efectes per a les imatges .
  • help.html: La documentació d'ajuda sobre com utilitzar l'editor i la forma d'aplicar els estils i efectes a les imatges del seu lloc web .
  • demos.html: Una col · lecció d'estils i efectes ja fetes només per demostrar les capacitats d'aquesta eina . També es pot utilitzar al seu lloc web .
  • demos.txt: Desament dades dels estils de demostració i efectes per carregar-los en l'editor i modificar o utilitzar directament .

També els següents elements s'inclouran a la seva pàgina web .

  • cisae.js: El fitxer ja creat i llest per al seu ús .
  • cisae.css: Es crearan per l'editor .
  • Codi Javacscript: Algunes línies de codi Javascript que es crearan per l'editor .

Precaució

  • Els estils i els efectes no es poden aplicar a les imatges en què s'apliquen altres estils CSS complexos o codi Javascript els manipula .
  • No es pot aplicar més d'una vista de la mateixa imatge .
  • Aquesta eina pot treballar amb Joomla i WordPress .

Trial

La versió de prova de la completa Estils i efectes d'imatge no és compatible amb tots els estils i efectes, però només uns pocs d' ells . Excepte aquesta limitació, la resta de l'eina està funcionant normalment, el que pot fer una prova real de la mateixa i estar segur que s'adapti a les seves necessitats .

Descarregar versió de prova

Més informació sobre aquesta eina


Descarregar
Altres components d'aquesta categoriaTots els components d'aquest autor
Comentaris dels clientsPreguntes freqüents i respostes

Propietats

Creat:
22 oct 12, última actualització

Paraules clau