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

Aboneaza-te la feed-ul nostru pentru a rămâne până la data!

Nou! Urmați- ne cum vrei!


Ads

Ad: Bluehost hosting

Acest instrument creează stiluri și efecte pentru imagini de orice site web folosind doar CSS3 si JavaScript ( jQuery ) impresionantAceasta susține mai multe stiluri și efecte care cele mai multe dintre ele pot fi combinate . Combinațiile sunt sute !

Folosind editorul poate compune cu ușurință și testarea stilurilor . Apoi, când exportați fișierele care conțin codul care produce aceste stiluri și să le includă în site-ul dumneavoastră . În cele din urmă, să aplicați stilurile de imagini prin simpla adăugare a le corecta CSS numele clasei

Stiluri și Efecte acceptate

Următoarele stiluri și efecte sunt acceptate . Cele mai multe dintre ele pot fi combinate, dar există unele dintre ele, care nu pot lucra împreună . Deci, activa pas cu pas stiluri și testați de fiecare dată în cazul în care rezultatul este frumos și dacă funcționează corect

  • Graniță
  • Colaj
  • Ondulat Corners
  • Dublu conturate
  • Relief
  • Legendă extern
  • Float
  • Încadrată
  • Overlay lucios
  • Stralucitoare
  • Curve orizontală
  • Legendă intern
  • Corners ridicate
  • Marja
  • Opacitate
  • Perspectiva
  • Pop
  • Box ridicat
  • Reflecție
  • rotație
  • Colturi rotunjite
  • Imagine rotund
  • Umbră
  • Se agită
  • Dimensiune
  • Alunecare
  • Legendă
  • Tape
  • Tooltip
  • Curve vertical
  • Tranziție

Acest instrument include 18 stiluri / efecte care pot fi utilizate de către tine premade

Cum funcționează

Acest instrument include un editor care vă ajută să creați și să testeze stiluri de imagine și efectele pe care le dorescFolosind acest editor vă evita nevoia de cunoștințe de programare . Mai jos puteți vedea două capturi de ecran ale editorului

III III II . II

Combinația de stiluri si efecte formează o " vedere " .Puteți crea cât mai multe puncte de vedere, după cum doriți . Fiecare vedere pot fi aplicate la imaginile de site-ul dumneavoastră . Denumirea devedere estenumele clasei CSS care va fi adăugat la imagine pentru a fi stilizate

După ce ați terminat cu punctele de vedere ,editor creează un fișier CSS și două fișiere Javascript, care vor fi incluse în site-ul dumneavoastră . ( Dacă site-ul nu se incarca jQuery, atunci veți obține, de asemenea, fisierul jQuery din editor . ), Atunci când se aplică stilurile create pentru imaginile folosind atributul clasei de fiecare imagine . Așa cum a spus mai înainte ,numele devedere estenumele clasei CSS care va fi adăugat la imagine . De exemplu ,codul HTML imagine<img src="images/project.jpg">se va face<img src="images/project.jpg" class="my-style-1">.

Nu este nevoie de cunostinte avansate de programare, doar HTML simplu . Ai nevoie doar să fie atenți atunci când includ fișierele necesare pentru site-ul dvs., dar există documentația de ajutor cu privire la acest lucru

Ce acest instrument include

Descărcarea acest instrument primiți un fișier zip ( 775 KB ) conține numai tipuri de fișiere comune ( HTML, CSS, js, JPG, PNG și txt ) . Printre aceste fișiere pe cele pe care le veți folosi sunt următoarele

  • editor.html: Acesta este fișierul principal . Aceasta este editor care creează stiluri și efecte de imagini
  • help.html: Documentația de ajutor cu privire la modul de utilizare a editorului și cum să aplice stiluri și efecte la imaginile de site-ul dumneavoastră
  • demos.html: O colecție de stiluri gata făcute și a efectelor doar pentru a arăta capacitățile de acest instrument . De asemenea, le puteți folosi în site-ul dumneavoastră
  • demos.txt: Stocat date de stiluri demo și efectele pentru a le încărca în editorul și să le modifice sau să le utilizeze în mod direct

De asemenea, următoarele elemente vor fi incluse în site-ul dumneavoastră

  • cisae.js: Fișier creat deja și gata de a fi folosit
  • cisae.css: Va fi creat de către editor
  • Javacscript codul: Câteva linii de cod JavaScript care vor fi create de către editor

Prudență

  • Stilurile și efectele nu pot fi aplicate imaginilor pe care alte stiluri complexe CSS sunt aplicate sau cod Javascript le manipulează
  • Nu se poate aplica mai mult de o vedere la aceeași imagine
  • Acest instrument poate lucra cu Joomla și WordPress

Trial

Versiunea de încercare a Stiluri imagini complete și efecte care nu are suport pentru toate stilurile și efectele, ci doar câteva dintre ele . Cu excepția acestei limitări, restul de instrument este în mod normal de lucru, astfel încât să puteți face un adevărat test de ea și asigurați-vă că se potrivește nevoilor dumneavoastră

Descărcați Trial

Mai multe informații despre acest instrument


Descărcați
Alte componente din această categorieToate componentele acestui autor
ComentariiÎntrebări frecvente și răspunsuri

Proprietăți

Creat:
22 octombrie 12

Ultima actualizare:
25 octombrie 12 , versiunea software-ului

fișiere incluse:
JavaScript JS , JavaScript JSON , HTML , CSS

Cuvinte cheie