υπολογιστή

* Γνώση Υπολογιστών >> υπολογιστή >> Διαδίκτυο

Awesome Effects for Tumblr Blogs

Ένα "φοβερό" αποτέλεσμα είναι στο μάτι του θεατή - αυτό που θεωρείτε κολλώδες μπορεί να είναι το πιο cool αποτέλεσμα για έναν άλλο χρήστη του Tumblr. Αλλά μόλις αποφασίσετε για τα δικά σας προσαρμοσμένα εφέ, πρέπει να επεξεργαστείτε τον πηγαίο κώδικα του κειμένου σας, οπότε διαβάστε προσεκτικά όλα τα μαθήματα για όλα τα εφέ πριν προχωρήσετε. Μπορεί να χρειαστούν αρκετές προσπάθειες για να βρεθεί η σωστή ισορροπία για το ιστολόγιό σας, θα είναι ένα θέμα blog που είναι μοναδικό για εσάς.

Αν θέλετε να προσθέσετε κάτι λίγο προφορικό στο ιστολόγιό σας, μπορείτε να χρησιμοποιήσετε τη γεννήτρια κειμένου Rainbow για να δημιουργήσετε συνδέσεις σε μια κλασική παλέτα ουράνιου τόξου. Ωστόσο, μια πιο δραματική και λεπτή αλλαγή είναι να χρησιμοποιήσετε μια προσαρμοσμένη γραμματοσειρά που ταιριάζει με τη διάθεσή σας στο blog. Οι Γραμματοσειρές Google προσφέρουν περισσότερες από 600 γραμματοσειρές έτοιμες στο Web που μπορείτε να εφαρμόσετε στο ιστολόγιο Tumblr με ελάχιστες τροποποιήσεις, που κυμαίνονται από απλές γραμματοσειρές sans serif έως διακοσμητικές γραμματοσειρές χειρογράφου. Το CSS σας επιτρέπει επίσης να εφαρμόζετε κλίσεις και φίλτρα στο κείμενο. (Σύνδεσμοι σε πόρους.)

Εφέ εικόνας

Οι εικόνες αποτελούν μεγάλο μέρος της εμπειρίας του Tumblr και το CSS3 διευκολύνει την αλλαγή του τρόπου εμφάνισης των εικόνων σας "Για παράδειγμα, χρησιμοποιήστε την ψευδο-τάξη hover στο CSS για να αλλάξετε τον τρόπο εμφάνισης των εικόνων όταν οι επισκέπτες μετακινούν πάνω τους. Το ακόλουθο παράδειγμα χρησιμοποιεί ένα φίλτρο CSS Webkit για να κάνει όλες τις εικόνες να εμφανίζονται σε κλίμακα του γκρι έως ότου τοποθετήσετε τον δείκτη πάνω τους: > img {-webkit-filter: κλίμακα του γκρι (100%)}} img: hover {-webkit-filter: κλίμακα γκρίζου (0%)} διαχείριση και άλλα βασικά εφέ επεξεργασίας εικόνας. Το άρθρο "Καλέστε Hello to Webkit Filters" από το Tuts + εξετάζει αυτά τα φίλτρα και πώς να τα χρησιμοποιήσετε. (Σύνδεση σε πόρους.)

Εφέ δρομέα

Μια άλλη μέθοδος προσαρμογής είναι να αλλάξετε τον δρομέα του επισκέπτη σας, δημιουργώντας οπτικό ενδιαφέρον στο εστιακό σημείο του χρήστη. Για παράδειγμα, εξετάστε το φαινόμενο Rainbow Fireworks το οποίο δημιουργεί μια μικρή έκρηξη τύπου πυροτεχνίας κάθε φορά που ο επισκέπτης κάνει κλικ στη σελίδα σας. Μια άλλη επιλογή είναι ο δρομέας σπινθήρων, ο οποίος προκαλεί την πτώση των πολύχρωμων σπινθηρισμών από τον δρομέα του επισκέπτη. Ένα τρίτο είναι ο προσαρμοσμένος δρομέας, ο οποίος σας επιτρέπει να μεταφορτώσετε οποιαδήποτε εικόνα θέλετε να αντικαταστήσετε τον προεπιλεγμένο δρομέα του ποντικιού του επισκέπτη. (Links in Resources.)

Η ιστοσελίδα Snazzyspace προσφέρει διάφορα αποτελέσματα για το Tumblr, συμπεριλαμβανομένων εκείνων που επηρεάζουν ολόκληρο το ιστολόγιό σας. Ένα παράδειγμα είναι ένα μήνυμα που εμφανίζεται όταν οι επισκέπτες φορτώνουν τη σελίδα σας για πρώτη φορά. Αυτό εξυπηρετεί καλά αν έχετε προειδοποιήσεις (όπως το περιεχόμενο που δεν είναι ασφαλές για εργασία). Μια άλλη επιλογή είναι η πτώση χιόνι animation, η οποία πέφτει νιφάδες χιονιού πάνω από τη σελίδα για να επικαλεστεί μια νυχτερινή αίσθηση. Το Snazzyspace προσφέρει επίσης ένα μετρητή στο ιστολόγιό σας, το οποίο δείχνει τόσο τον τρέχοντα αριθμό επισκεπτών, όσο και τον υψηλότερο αριθμό επισκεπτών σας. (Σύνδεσμοι σε πόρους.)

Συναφής σύστασή

Πνευματικά δικαιώματα © Γνώση Υπολογιστών Όλα τα δικαιώματα κατοχυρωμένα