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

Abonner på vårt feed for å holde deg oppdatert!

Nyhet! Følg oss som du vil ha det!


Ads

Ad: Bluehost hosting

Dette verktøyet skaper imponerende stiler og effekter for bilder av hvilken som helst nettside ved hjelp av bare CSS3 og Javascript ( jQuery ) .Den støtter mange stiler og effekter som de fleste av dem kan kombineres . Kombinasjonene er hundrevis !

Bruke editor kan du enkelt komponere og teste dine stiler. Deretter eksporterer du filene som inneholder koden som produserer disse stilene og inkludere dem i ditt nettsted . Til slutt bruker du stilene til bildene ved å legge dem riktig CSS-klasse navn.

Støttede Stiler og effekter

Følgende stiler og effekter støttes. De fleste av dem kan kombineres, men det er noen av dem som ikke kan arbeide sammen. Så, aktivere stiler trinnvis og teste hver gang hvis resultatet er hyggelig, og hvis det fungerer .

  • Border
  • Cutout
  • Krøllet Corners
  • Double skissert
  • Preget
  • Ekstern Caption
  • Flyte
  • Innrammet
  • Glossy overlegg
  • Glødende
  • Horisontal Curve
  • Intern Caption
  • Løftet Corners
  • Margin
  • Gjennomsiktighet
  • Perspektiv
  • Pop
  • Hevet Box
  • Refleksjon
  • rotasjon
  • Avrundede hjørner
  • Round bilde
  • Shadow
  • Rist
  • Størrelse
  • Skli
  • Bildetekst
  • Tape
  • Tooltip
  • Vertikal Curve
  • Overgang

Dette verktøyet inkluderer 18 forhåndslagde stiler / effekter som kan brukes av deg .

Hvordan det fungerer

Dette verktøyet inkluderer et redigeringsprogram som hjelper deg å lage og teste image stiler og effekter du ønsker.Ved hjelp av denne editoren unngår du behov for kunnskap om programmering . Nedenfor kan du se to skjermbilder av redaktøren .

III III II. II ,

Kombinasjonen av stiler og effekter danne en " visning".Du kan lage så mange synspunkter som du vil . Hver visning kan brukes til bilder av ditt nettsted . Navnet på visningen er CSS-klasse navn som vil bli lagt til bildet for å være stilisert .

Når du er ferdig med visninger, skaper redaktøren en CSS-fil og to Javascript -filer som skal inkluderes på nettstedet ditt. ( Hvis nettstedet ikke lastes jQuery da vil du også få jQuery filen fra red.anm.) Deretter gjelder de opprettede stiler til bildene dine ved hjelp av klassen egenskap av hvert bilde . Som sagt før, er navnet på visningen CSS klasse navn som vil bli lagt til bildet . For eksempel, bildet HTML -kode<img src="images/project.jpg">vil bli gjort<img src="images/project.jpg" class="my-style-1">.

Ingen avansert kunnskap om programmering er nødvendig, bare enkel HTML. Du trenger bare å være forsiktig når du inkluderer de nødvendige filene til nettstedet ditt, men det er hjelp dokumentasjon om dette.

Hva dette verktøyet omfatter

Nedlasting av dette verktøyet får du en zip -fil ( 775 KB ) som bare inneholder vanlige filtyper (html, css, js, jpg, png og txt ) . Blant disse filene de du skal bruke er følgende

  • editor.html: Dette er den viktigste filen . Dette er redaktør som skaper stiler og effekter for bildene .
  • help.html: Hjelp dokumentasjon om hvordan du bruker editor og hvordan du bruker stiler og effekter til bilder av ditt nettsted .
  • demos.html: En samling av ferdige stiler og effekter bare for å vise mulighetene i dette verktøyet . Også du kan bruke dem på nettstedet ditt.
  • demos.txt: Lagret data for demo stiler og effekter for å legge dem i editoren og endre dem eller direkte bruke dem .

Også følgende elementer vil inngå i ditt nettsted .

  • cisae.js: Allerede opprettet fil og klar til å bli brukt.
  • cisae.css: Vil bli skapt av redaktøren .
  • Javacscript kode: Noen få linjer med JavaScript-kode som vil bli opprettet av redaktøren .

Forsiktig

  • De stiler og effekter kan ikke brukes på bilder som andre komplekse CSS-stiler er brukt eller Javascript-kode manipulerer dem .
  • Du kan ikke bruke mer enn én visning til det samme bildet .
  • Dette verktøyet kan arbeide med Joomla og WordPress .

Trial

Prøveversjonen av komplett bilde stiler og effekter støtter ikke alle stiler og effekter, men bare noen få av dem. Bortsett fra denne begrensningen, resten av verktøyet normalt fungerer, slik at du kan gjøre en reell test av det og være sikker på at det passer dine behov .

Last ned prøveversjon

Mer informasjon om dette verktøyet


Laste ned
Andre komponenter i denne kategorienAlle komponenter av denne forfatteren
KommentarerOfte stilte spørsmål og svar

Egenskaper

Laget:
22 oktober 12 , Siste oppdatering

Files Inkludert:
JavaScript JS , JavaScript JSON , HTML , CSS

Søkeord