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

— Lisäosa WorldWideScripts.net

Tilaa syötteen pysymään ajan tasalla!

Uusi! Seuraa meitä kuin haluat!


Ads

Ad: Bluehost hosting

Tämä työkalu luo vaikuttavan tyylejä ja tehosteita kuvien tahansa sivuston käyttämällä vain CSS3 ja JavaScript ( jQuery ) .Se tukee monia tyylejä ja tehosteita, jotka useimmat niistä voidaan yhdistää . Yhdistelmät ovat satoja !

Editorilla voit kirjoittaa ja testata tyylejä . Sitten viettiedostoja, jotka sisältävätkoodia, joka tuottaa näitä tyylejä ja liittää ne verkkosivuilla . Lopuksi haettyylejäkuvia yksinkertaisesti lisäämällä niihinoikea CSS luokan nimi .

Tuetut ja tehokeinot

Seuraavat tyylit ja vaikutukset ovat tuettuja . Useimmat niistä voidaan yhdistää, mutta on olemassa joitakin niistä, jotka eivät voi työskennellä yhdessä . Joten, aktivoida tyylejä askel askeleelta ja testata aina, jostulos on mukava ja jos se toimii oikein .

  • Border
  • Leikkaus
  • Kulmiin
  • Double Esitetty
  • Kohokuvioitu
  • Ulkoinen Otsikko
  • Kellua
  • Kehystetty
  • Kiiltävä peitto
  • Hehkuva
  • Kaarresädettä
  • Sisäinen Otsikko
  • Nosti Corners
  • Marginaali
  • Peittävyyttä
  • Näkökulmasta
  • Pop
  • Raised Box
  • Reflection
  • kierto
  • Pyöristetyt kulmat
  • Pyöreä kuva
  • Shadow
  • Ravista
  • Koko
  • Liukuva
  • Kuvateksti
  • Tape
  • Tooltip
  • Vertical Curve
  • Transition

Tämä työkalu sisältää 18 premade tyylit / vaikutuksia, jotka voivat käyttää sinua .

Miten se toimii

Tämä työkalu sisältääeditorin, jonka avulla voit luoda ja testatakuvan tyylejä ja tehosteita haluat.Käyttämällä tätä editori voit välttää ohjelmointitaitoja . Alla näet kaksi ruutukaappauksiatoimittaja .

III III II . II

Yhdistelmä tyylejä ja tehosteita muodostavat" view" .Voit luoda niin monta koulukuntaa kuin haluat . Jokaisessa näkymässä voidaan soveltaakuvia sivuston . Näkymän nimi onCSS luokan nimi, joka lisätäänkuvan ollakseen tyylitelty .

Kun olet valmisnäkemyksiä ,toimittaja luo yhden CSS-tiedoston ja kaksi Javascript tiedostot sisällytetään sivuston . ( Jos sivusto ei lataudu jQuery niin saat myösjQuery tiedostoeditori . ) Sitten haetluonut tyylejä kuvia käyttäenluokan attribuutti kunkin kuvan . Kuten sanoin,niminäkymä onCSS luokan nimi, joka lisätään kuvaan . Esimerkiksikuvan HTML-koodia<img src="images/project.jpg">tehdään<img src="images/project.jpg" class="my-style-1">.

Ei ole kehittynyt ohjelmointitaitoja tarvitaan vain yksinkertainen HTML . Sinun tarvitsee vain olla varovainen, kun lisäättarvittavat tiedostot sivuston, mutta ei apua dokumentaatio tästä .

Mitä tämä työkalu sisältää

Lataamalla tämän työkalun saatzip-tiedosto ( 775 KB ), joka sisältää vain yleiset tiedostotyypit ( html, css, js, jpg, png ja txt ) . Näistä tiedostotitse aiot käyttää ovatseuraavat

  • editor.html: Tämä on tärkein tiedosto . Tämä ontoimittaja, joka luotyylejä ja vaikutuksiakuvia.
  • help.html: Apua asiakirjat siitä, miten käyttääeditorin ja hakumenettelystätyylejä ja tehosteitakuvia sivuston .
  • demos.html:Kokoelma valmiita tyylejä ja tehosteita vain osoittaavalmiuksia tämän työkalun . Voit myös käyttää niitä sivuston .
  • demos.txt: Tallennetut tiedotdemo tyylejä ja tehosteita ladata niitäeditori ja muokata niitä tai suoraan käyttää niitä .

Myösseuraavat erät sisällytetään sivuston .

  • cisae.js: Jo luodaan tiedosto ja valmis käytettäväksi .
  • cisae.css: Tulee luodaeditori .
  • Javacscript koodi:Muutaman rivin JavaScript-koodia, joka luoeditori .

Varoitus

  • Tyylejä ja vaikutuksia ei voida soveltaa kuvia, joihin muiden monimutkaisten CSS-tyylejä sovelletaan tai JavaScript-koodia manipuloi heitä .
  • Et voi käyttää useampi kuin yksi, jottasama kuva .
  • Tämä työkalu voi työskennellä Joomla ja WordPress .

Trial

Kokeiluversio Complete Image tyylejä ja tehosteita ei tue kaikkiatyylejä ja tehosteita, mutta vainharvat niistä . Paitsi tämä rajoitus ,loputtyökalu on tavallisesti työskentelee, joten voit tehdätodellinen testi siitä ja varmista, että se sopii tarpeisiisi .

Lataa kokeiluversio

Lisätietoja tästä työkalusta


Lataa
Muut komponentit tässä luokassaKaikki osat tämän tekijän
KommentitUsein kysyttyjä kysymyksiä ja vastauksia

Ominaisuudet

Luotu:
22 lokakuu 12

Last Update:
25 lokakuu 12

Software Version:
jQuery

tiedostoja mukana:
JavaScript JS , JavaScript JSON , HTML , CSS

Avainsanoja