English version
German version
Spanish version
French version
Italian version
Portuguese / Brazilian version
Dutch version
Greek version
Russian version
Japanese version
Korean version
Simplified Chinese version
Traditional Chinese version
Hindi version
Czech version
Slovak version
Bulgarian version
 

Πώς να δημιουργήσει photorealistic post-It υπερεμφανιζόμενο

Web design RSS Feed





Έχετε δει ενός από εκείνο το post-it υπερεμφανιζόμενο; Ένας που φαίνεται τόσο ρεαλιστικός, με την τρομερή επίδραση σκιών. Εάν δεν ξέρετε τι μιλώ για, προσπαθήστε τον ακόλουθο ιστοχώρο:

http://myhobbybooks.com/wowpop

Φαίνονται τρομεροί όχι αυτοί;

Και κάτι παρεμφερές είναι πάντα καλό για την εκστρατεία μάρκετινγκ Ιστού σας. Ένας λόγος, αυτό δεν παίρνει ποτέ εμποδισμένος από υπερεμφανιζόμενα blockers. Και άλλος, αυτό αρπάζει πραγματικά την προσοχή των επισκεπτών Ιστού σας.

Αυτό είναι καλό όταν θέλετε να αυξήσετε το ποσοστό συνδρομής στο ezine σας, ή να προωθήσει ένα πρόγραμμα θυγατρικών, ή ακόμα και αυξάνει τις πωλήσεις.

Αλλά εσείς το αναρωτιούνται, πώς κάνουν; Σκεφτήκατε ότι μπορείτε να επιτύχετε το παρόμοιο αποτέλεσμα, και προσπαθείτε, και προσπαθείτε, και προσπαθείτε... εσείς δοκιμάσατε την εικόνα GIF, εικόνα JPG, καμία από εκείνους δεν μπορεί να πάρει την εργασία γίνοντη.

Αλλά εκεί ένα πράγμα που ακριβώς δεν ξέρετε. Πολλοί υπέρ προγραμματιστές Ιστού ξέρουν αυτό, αλλά όχι οι κανονικοί σχεδιαστές Ιστού... ίσως ούτε οι περισσότεροι σχεδιαστές Ιστού δεν ξέρουν πώς να κάνουν αυτό.

Το μυστικό είναι με το σχήμα εικόνας PNG.

Το σχήμα εικόνας PNG είναι το little-known σχήμα εικόνας που μπορείτε να χρησιμοποιήσετε στον Ιστό. Το σχήμα εικόνας PNG είναι μοναδικό επειδή μπορείτε να κάνετε την άλφα επίδραση με το. Η άλφα επίδραση είναι όπου θέτετε τον παράγοντα διαφάνειας σε ορισμένες περιοχές στην εικόνα PNG. Αυτός είναι τι κάνει τη σκιά φαίνεται τόσο πραγματικός.

Με την άλφα επίδραση, μπορείτε να θέσετε τον παράγοντα διαφάνειας από 0% σε 100%, Έτσι μπορεί να είναι 30% διαφανές, 50% ή ακόμα και 79%, ρίχνουν μια ματιά στον υπερεμφανιζόμενο πάλι, και ρίχνουν μια στενή ματιά στη σκιά - τώρα ξέρετε πώς γίνεται.

Αλλά υπάρχει μόνο ένα πρόβλημα - ο εξερευνητής Διαδικτύου δεν υποστηρίζει πραγματικά το σχήμα εικόνας PNG. Ενώ μπορείτε ακόμα να καλέσετε το σχήμα εικόνας PNG χρησιμοποιώντας την ετικέττα IMG, ο εξερευνητής Διαδικτύου αγνοεί τον άλφα παράγοντα. Στον εξερευνητή Διαδικτύου, η εικόνα PNG ακριβώς δεν εμφανίζεται κατάλληλα.

Τόσο πώς λύνουμε αυτό...

Ευτυχώς μπορείτε ακόμα να καλέσετε την εικόνα PNG στον εξερευνητή Διαδικτύου και να απεικονίσετε τον άλφα χρησιμοποιώντας μια ειδική css εντολή. Είναι το AlphaImageLoader ().

Αλλά αυτό θα οδηγήσει σε ένα άλλο πρόβλημα. Προτού να μπορέσετε να καλέσετε την εικόνα PNG, πρέπει αρχικά να προσδιορίσετε τον ξεφυλλιστή ο επισκέπτης Ιστού που σας χρησιμοποιεί. Εάν ο επισκέπτης χρησιμοποιεί Firefox, όπερα, Netscape ή οποιωνδήποτε άλλων, μπορείτε να καλέσετε το PNG χρησιμοποιώντας την ετικέττα IMG. Αλλά εάν είναι εξερευνητής Διαδικτύου, πρέπει να χρησιμοποιήσετε το AlphaImageLoader ().

Και φυσικά, αυτό μπορεί πάντα να λυθεί με λίγο Javascripting. Και με λίγο περισσότερα Javascript και css, μπορείτε να έχετε την εικόνα PNG επιπλέοντας πέρα από το περιεχόμενο Ιστού σας. Μπορείτε ακόμη και να κάνετε τον υπερεμφανιζόμενο να εξαφανιστεί χρησιμοποιώντας την ώθηση γεγονότος OnClick.

Εάν you'd όπως έναν πλήρη κώδικα και η εικόνα PNG photorealistic post-it σας υπερεμφανιζόμενο, προσπαθούν την ΚΑΤΑΠΛΗΚΤΙΚΉ ΕΠΙΤΥΧΊΑ υπερεμφανιζόμενη. Κατωτέρω είναι η διεύθυνση URL για την ΚΑΤΑΠΛΗΚΤΙΚΉ ΕΠΙΤΥΧΊΑ υπερεμφανιζόμενη όπου μπορείτε να πάρετε ένα ελεύθερο σύνολο του κώδικα και του PNG γραφικών.

Περίπου ο συντάκτης:
Το Iszuddin Ismail δημοσίευσε την ΚΑΤΑΠΛΗΚΤΙΚΗ ΕΠΙΤΥΧΊΑ υπερεμφανιζόμενη και δίνει μακριά τον ελεύθερο κώδικα και τη γραφική παράσταση PNG photorealistic post-it σας υπερεμφανιζόμενο. Πάρτε ένα σύνολο τεσσάρων PNG υπερεμφανιζόμενης γραφικής παράστασης δωρεάν. http://WOWPopUp.com

Αρθρο Πηγη: Messaggiamo.Com

Translation by Google Translator





Related:

» Seo Elite: New Seo Software!
» AntiSpywareBOT
» Reverse Mobile
» Error Nuker


Webmaster παίρνει τον κώδικα HTML
Προσθεστε αυτο το αρθρο στον ιστοτοπο σας τωρα!

Webmaster υποβάλλει τα άρθρα σας
Εγγραφή που απαιτείται καμία! Συμπληρώστε τη μορφή και το άρθρο σας είναι στον κατάλογο Messaggiamo.Com

Add to Google RSS Feed See our mobile site See our desktop site Follow us on Twitter!

Υποβαλουν τα αρθρα σας για να Messaggiamo.Com Directory

Κατηγοριες


Πνευματικα Δικαιωματα 2006-2011 Messaggiamo.Com - Site Map - Privacy - Webmaster υποβαλουν τα αρθρα σας για να Messaggiamo.Com Directory [0.01]
Hosting by webhosting24.com
Dedicated servers sponsored by server24.eu