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 για WorldWideScripts.net

Εγγραφείτε για να μας ζωοτροφές για να μείνετε ενημερωμένοι!

Νέο! Ακολουθήστε μας όπως εσείς το θέλετε!


Ads

Ad: Bluehost hosting

Αυτό το εργαλείο δημιουργεί εντυπωσιακά στυλ και εφέ για τις εικόνες της κάθε ιστοσελίδας χρησιμοποιώντας μόνο CSS3 και Javascript ( jQuery ) .Υποστηρίζει πολλές μορφές και τις επιπτώσεις που οι περισσότεροι από αυτούς μπορούν να συνδυαστούν . Οι συνδυασμοί είναι εκατοντάδες !

Χρήση του επεξεργαστή μπορείτε εύκολα να συνθέσετε και να δοκιμάσετε στυλ σας . Στη συνέχεια, κάνετε εξαγωγή των αρχείων που περιέχει τον κώδικα που παράγει αυτά τα στυλ και να τις συμπεριλάβει στην ιστοσελίδα σας . Τέλος, να εφαρμόσετε τα στυλ για τις εικόνες με την απλή προσθήκη για να τους το σωστό όνομα της κλάσης CSS .

Υποστηριζόμενα Στυλ & Εφέ

Υποστηρίζονται οι ακόλουθες μορφές και τα αποτελέσματα. Οι περισσότεροι από αυτούς μπορούν να συνδυαστούν, αλλά υπάρχουν μερικοί απ 'αυτούς που δεν μπορούν να εργαστούν από κοινού . Έτσι, ενεργοποιήστε στυλ σας βήμα προς βήμα και να δοκιμάσει κάθε χρόνο, αν το αποτέλεσμα είναι ωραίο και αν λειτουργεί σωστά .

  • Border
  • Διακοπής
  • Κατσαρά Corners
  • Διπλό Αναφέρονται
  • Ανάγλυφο
  • Εξωτερικές Λεζάντα
  • Float
  • Framed
  • Γυαλιστερό Overlay
  • Λαμπερό
  • Οριζόντιας καμπύλης
  • Εσωτερική Λεζάντα
  • Απόσπασμα Corners
  • Περιθώριο
  • Αδιαφάνεια
  • Προοπτική
  • Pop
  • Μεγαλωμένη Box
  • Προβληματισμού
  • περιστροφή
  • Στρογγυλεμένες γωνίες
  • Γύρος εικόνας
  • Σκιά
  • Ανακινήστε
  • Μέγεθος
  • Συρόμενη
  • Λεζάντα
  • Ταινία
  • Tooltip
  • Κατακόρυφης καμπύλης
  • Μετάβασης

Αυτό το εργαλείο περιλαμβάνει 18 premade στυλ / εφέ που μπορούν να χρησιμοποιηθούν από εσάς .

Πώς λειτουργεί

Αυτό το εργαλείο περιλαμβάνει έναν συντάκτη που σας βοηθά να δημιουργήσετε και να δοκιμάσουν τα στυλ εικόνας και τα αποτελέσματα που επιθυμείτε .Χρησιμοποιώντας αυτό το πρόγραμμα επεξεργασίας θα αποφευχθεί η ανάγκη της γνώσης προγραμματισμού . Παρακάτω μπορείτε να δείτε δύο screenshots του εκδότη .

III III II. II ,

Ο συνδυασμός στυλ και εφέ αποτελούν μια "άποψη" .Μπορείτε να δημιουργήσετε τόσες απόψεις όσα θέλετε . Κάθε άποψη μπορεί να εφαρμοστεί με τις εικόνες της ιστοσελίδας σας . Το όνομα του άποψη είναι το όνομα της κλάσης CSS που θα προστεθούν στην εικόνα ώστε να είναι τυποποιημένο .

Αφού τελειώσετε με τις απόψεις, ο συντάκτης δημιουργεί ένα αρχείο CSS και Javascript δύο αρχεία που θα πρέπει να περιλαμβάνονται στην ιστοσελίδα σας . ( Αν το site σας δεν φορτώνει jQuery τότε θα έχετε επίσης την jQuery αρχείο από τον επεξεργαστή . ) Στη συνέχεια, να εφαρμόσετε τα στυλ για να δημιουργήσει τις εικόνες σας χρησιμοποιώντας την κλάση χαρακτηριστικό της κάθε εικόνας . Όπως είπα πριν, το όνομα του άποψη είναι το όνομα της κλάσης CSS, που θα προστεθεί στην εικόνα . Για παράδειγμα, η εικόνα κώδικας HTML<img src="images/project.jpg">θα γίνει<img src="images/project.jpg" class="my-style-1">.

Δεν προχωρημένες γνώσεις προγραμματισμού είναι απαραίτητη, μόνο απλή HTML . Το μόνο που χρειάζεται να είστε προσεκτικοί όταν έχετε συμπεριλάβει τα απαραίτητα αρχεία στην ιστοσελίδα σας, αλλά υπάρχει τεκμηρίωση βοήθεια γι 'αυτό .

Τι περιλαμβάνει αυτό το εργαλείο

Κατεβάζοντας αυτό το εργαλείο θα λάβετε ένα αρχείο zip ( 775 KB ) που περιέχουν μόνον κοινούς τύπους αρχείων ( HTML, CSS, js, jpg, png, txt ) . Ανάμεσα σε αυτά τα αρχεία αυτά που πρόκειται να χρησιμοποιήσετε είναι οι εξής

  • editor.html: Αυτό είναι το κύριο αρχείο . Αυτός είναι ο editor που δημιουργεί τις μορφές και τις επιπτώσεις για τις εικόνες .
  • help.html: Βοήθεια τεκμηρίωση σχετικά με το πώς να χρησιμοποιήσετε το πρόγραμμα επεξεργασίας και πώς να εφαρμόσετε τα στυλ και τα εφέ για τις εικόνες της ιστοσελίδας σας .
  • demos.html: Μια συλλογή από έτοιμα στυλ και εφέ μόνο για να δείξει τις δυνατότητες αυτού του εργαλείου . Επίσης μπορείτε να τα χρησιμοποιήσετε στην ιστοσελίδα σας .
  • demos.txt: Αποθηκευμένα δεδομένα από τις μορφές demo και εφέ για να τους φορτώσει στον επεξεργαστή και να τα τροποποιήσουν ή απευθείας χρήση τους .

Επίσης, τα ακόλουθα στοιχεία θα συμπεριληφθούν στην ιστοσελίδα σας .

  • cisae.js: Ήδη δημιουργήσει το αρχείο και είναι έτοιμο να χρησιμοποιηθεί.
  • cisae.css: Θα πρέπει να δημιουργηθεί από τον επεξεργαστή .
  • Javacscript κώδικα: Λίγες γραμμές κώδικα Javascript που θα δημιουργηθεί από τον συντάκτη .

Προσοχή

  • Οι μορφές και τα αποτελέσματα δεν μπορούν να εφαρμοστούν σε εικόνες στις οποίες άλλα σύνθετα στυλ CSS που εφαρμόζονται ή κώδικα Javascript τους χειρίζεται .
  • Δεν μπορείτε να εφαρμόσετε περισσότερες από μία άποψη την ίδια εικόνα .
  • Αυτό το εργαλείο μπορεί να λειτουργήσει με το Joomla και Wordpress.

Δίκη

Η δοκιμαστική έκδοση του Complete Στυλ εικόνας και εφέ δεν υποστηρίζει όλες τις μορφές και τις επιπτώσεις, αλλά μόνο μερικά από αυτά . Εκτός από τον περιορισμό αυτό, το υπόλοιπο του εργαλείου εργάζονται κανονικά, ώστε να μπορείτε να κάνετε μια πραγματική δοκιμασία από αυτό και να είστε σίγουροι ότι ταιριάζει στις ανάγκες σας .

Download Trial

Περισσότερες πληροφορίες σχετικά με αυτό το εργαλείο


Λήψη
Άλλα στοιχεία σε αυτή την κατηγορίαΌλα τα συστατικά αυτού του συγγραφέα
ΣχόλιαΣυχνές ερωτήσεις και απαντήσεις

Properties

Δημιουργήθηκε:
22 του Οκτώβρη 12 ? Τελευταία Ενημέρωση

Λέξεις-κλειδιά