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å vores feed for at holde dig ajour !

Nyt! Følg os som du ønsker det!


Ads

Ad: Bluehost hosting

Dette værktøj opretter imponerende stilarter og effekter til billeder af enhver hjemmeside ved hjælp af kun CSS3 og Javascript ( jQuery ) .Det understøtter mange stilarter og effekter, som de fleste af dem kan kombineres . Kombinationerne er hundredvis !

Brug af editor kan du nemt skrive og teste dine stilarter. Derefter skal du eksportere filer, der indeholder den kode, der producerer disse stilarter og medtage dem i dit websted. Endelig er du anvender typografier til billederne ved blot at tilføje dem korrekt CSS-klasse navn.

Understøttede Stil & effekter

De følgende typografier og effekter understøttes. De fleste af dem kan kombineres, men der er nogle af dem, der ikke kan arbejde sammen. Så aktiverer din styles trin for trin og teste hver gang, hvis resultatet er rart, og hvis det fungerer korrekt.

  • Border
  • Påklædningsdukke
  • Krøllede hjørner
  • Dobbelt Skitseret
  • Præget
  • Ekstern Billedtekst
  • Flyde
  • Indrammet
  • Glossy Overlay
  • Glødende
  • Vandret Curve
  • Intern Billedtekst
  • Løftede hjørner
  • Margin
  • Opacity
  • Perspektiv
  • Pop
  • Hævet Box
  • Refleksion
  • rotation
  • Afrundede hjørner
  • Rund billede
  • Shadow
  • Ryst
  • Størrelse
  • Sliding
  • Caption
  • Bånd
  • Tooltip
  • Vertikal Curve
  • Transition

Dette værktøj indeholder 18 færdiglavede stilarter / effekter, der kan bruges af dig.

Hvordan det fungerer

Dette værktøj indeholder en editor, der hjælper dig til at skabe og teste billede stilarter og effekter, du ønsker.Ved hjælp af denne editor du undgå behovet for kendskab til programmering. Herunder kan du se to screenshots af editor.

III III II . II

Kombinationen af stilarter og effekter danne en " visning" .Du kan oprette lige så mange synspunkter, som du ønsker. Hver visning kan anvendes til billeder af din hjemmeside. Navnet på visningen er CSS-klasse navn, der vil blive føjet til billedet for at blive stiliseret .

Når du er færdig med de synspunkter, redaktør opretter en CSS-fil og to Javascript -filer, der vil blive inkluderet i dit websted. (Hvis dit websted ikke indlæse jQuery, så vil du også få den jQuery fil fra redaktøren . ) Så du anvender de oprettede typografier til dine billeder ved hjælp af klassen attribut for hvert billede. Som sagt før, er navnet på visningen er CSS-klasse navn, der vil blive føjet til billedet. For eksempel . Billedet HTML-kode<img src="images/project.jpg">vil ske<img src="images/project.jpg" class="my-style-1">.

Ingen avanceret kendskab til programmering er nødvendig, kun simple HTML. Du behøver kun at være forsigtig, når du inkluderer de nødvendige filer til dit websted, men der er hjælp dokumentation om dette.

Hvad dette værktøj omfatter

Downloading af dette værktøj får du en zip-fil (775 KB), som kun indeholder almindelige filtyper ( HTML, CSS, JS, jpg, png og txt) . Blandt disse filer dem, du skal bruge, er følgende

  • editor.html: Dette er den vigtigste fil . Dette er redaktør, der skaber de stilarter og effekter til billederne.
  • help.html: Hjælp dokumentation om, hvordan du bruger editor og hvordan man anvender de stilarter og effekter til billeder af din hjemmeside.
  • demos.html: En samling af færdige typografier og effekter bare for at vise mulighederne i dette værktøj. Også du kan bruge dem i dit websted.
  • demos.txt: Gemte data for de demo typografier og effekter til at lægge dem i editoren og ændre dem eller direkte bruge dem.

Også følgende punkter vil blive inkluderet i dit websted.

  • cisae.js: Allerede oprettet fil og klar til at blive brugt .
  • cisae.css: Vil være skabt af redaktøren .
  • Javacscript kode: Et par linjer Javascript-kode, der vil blive oprettet af editor.

Forsigtig

  • De stilarter og effekter kan ikke anvendes på billeder, som andre komplekse CSS stilarter er anvendt, eller Javascript-kode manipulerer dem.
  • Du kan ikke anvende mere end én visning på det samme billede.
  • Dette værktøj kan arbejde med Joomla og WordPress.

Trial

Prøveversionen af ​​komplet billede typografier og effekter understøtter ikke alle de stilarter og effekter, men kun et par af dem. Bortset denne begrænsning, resten af værktøjet normalt arbejder, så du kan gøre en reel test af det og være sikker på det passer til dine behov .

Download prøveversion

Mere information om dette værktøj


Hent
Andre komponenter i denne kategoriAlle komponenter i denne forfatter
KommentarerOfte stillede spørgsmål og svar

Egenskaber

Oprettet:
22 Oktober 12 , Last Update

Søgeord