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

@es1wwsSuscríbete a nuestro RSS para estar al día!

¡Nuevo! Síguenos como quieras!


Ads

Ad: Bluehost hosting

Esta herramienta crea estilos y efectos para las imágenes de cualquier sitio web utilizando sólo CSS3 y Javascript ( jQuery ) impresionantes .Es compatible con muchos estilos y efectos que la mayoría de ellos se pueden combinar . Las combinaciones son cientos !

Usando el editor puede componer y probar sus estilos fácilmente. A continuación, exportar los archivos que contienen el código que produce estos estilos y los incluye en su sitio web. Por último, se aplican los estilos a las imágenes con sólo añadir a ellos el nombre de clase CSS correcto.

Estilos y efectos compatibles

Los siguientes estilos y efectos son compatibles. La mayoría de ellos se pueden combinar, pero hay algunos de ellos que no pueden trabajar juntos. Así, active su paso estilos por paso y probar cada momento, si el resultado es agradable y si está funcionando correctamente.

  • Border
  • Recorte
  • Esquinas dobladas
  • Doble bosquejado
  • En relieve
  • Leyenda externa
  • Float
  • Enmarcado
  • Overlay brillante
  • Glowing
  • Curva Horizontal
  • Leyenda interna
  • Lifted esquinas
  • Margen
  • Opacidad
  • Perspectiva
  • Pop
  • Criado Caja
  • Reflexión
  • rotación
  • Redondear vértices
  • Imagen de Ronda
  • Sombra
  • Agite
  • Tamaño
  • Correderas
  • Caption
  • Tape
  • Tooltip
  • Curva Vertical
  • Transición

Esta herramienta incluye 18 estilos / efectos que pueden ser utilizados por usted prefabricados .

Cómo funciona

Esta herramienta incluye un editor que le ayuda a crear y probar los estilos de imagen y efectos que usted desea.El uso de este editor a evitar la necesidad de conocimientos de programación. A continuación puedes ver dos capturas de pantalla del editor.

III III II . II ,

La combinación de estilos y efectos de formar una "vista" .Puedes crear tantas vistas como desee . Cada vista se puede aplicar a las imágenes de su sitio web. El nombre de la vista es el nombre de la clase CSS que se añade a la imagen con el fin de ser estilizada .

Después de haber terminado con los puntos de vista, el editor crea un archivo CSS y Javascript dos archivos que se incluirán en su página web . ( Si su sitio no se carga jQuery, entonces también tendrá el archivo de jQuery del editor. ) Luego se aplican los estilos creados a tus imágenes con el atributo de clase de cada imagen . Como decía antes, el nombre de la vista es el nombre de clase CSS que se añade a la imagen. Por ejemplo, la imagen de código HTML<img src="images/project.jpg">se hará<img src="images/project.jpg" class="my-style-1">.

No se necesitan conocimientos de programación avanzada, sólo HTML simple. Sólo tienes que tener cuidado cuando se incluyen los archivos necesarios a su sitio web, pero no hay documentación de ayuda sobre esto.

¿Qué incluye esta herramienta

Descarga esta herramienta recibe un archivo zip ( 775 KB ) que contiene sólo los tipos de archivo comunes (html, css, js, jpg, png y txt ) . Entre estos archivos los que se van a utilizar son los siguientes

  • editor.html: Este es el archivo principal. Este es el editor que crea los estilos y efectos para las imágenes.
  • help.html: La documentación de ayuda acerca de cómo utilizar el editor y la forma de aplicar los estilos y efectos a las imágenes de su sitio web.
  • demos.html: Una colección de estilos y efectos ya hechas sólo para demostrar las capacidades de esta herramienta. También se puede utilizar en su sitio web.
  • demos.txt: Guardado de datos de los estilos de demostración y efectos para cargarlos en el editor y modificar o utilizar directamente.

También los siguientes elementos se incluirán en su página web .

  • cisae.js: El archivo ya creado y listo para su uso .
  • cisae.css: Se crearán por el editor.
  • código Javacscript: Algunas líneas de código Javascript que se crearán por el editor.

Precaución

  • Los estilos y los efectos no se pueden aplicar a las imágenes en las que se aplican otros estilos CSS complejos o código Javascript los manipula .
  • No se puede aplicar más de una vista de la misma imagen.
  • Esta herramienta puede trabajar con Joomla y WordPress .

Trial

La versión de prueba de la completa Estilos y efectos de imagen no es compatible con todos los estilos y efectos, pero sólo unos pocos de ellos . Salvo esta limitación, el resto de la herramienta está funcionando normalmente, lo que puede hacer una prueba real de la misma y estar seguro de que se adapte a sus necesidades.

Descargar versión de prueba

Más información acerca de esta herramienta


Descargar
Otros componentes de esta categoríaTodos los componentes de este autor
ComentariosPreguntas frecuentes y respuestas

Propiedades

Creado:
22 de octubre 12 , Última actualización

Palabras clave