Φοβερά εφέ για Tumblr Blogs

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

Εφέ κειμένου

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

Εφέ εικόνας

Οι εικόνες αποτελούν μεγάλο μέρος της εμπειρίας του Tumblr και το CSS3 διευκολύνει την αλλαγή του τρόπου εμφάνισης των εικόνων σας στη σελίδα. Για παράδειγμα, χρησιμοποιήστε την ψευδο-κλάση αιωρημάτων στο CSS για να αλλάξετε τον τρόπο εμφάνισης των εικόνων όταν οι επισκέπτες αιωρούνται πάνω τους. Το παρακάτω παράδειγμα χρησιμοποιεί ένα φίλτρο CSS Webkit για να κάνει όλες τις εικόνες να εμφανίζονται σε κλίμακα του γκρι έως ότου τοποθετήσετε το δείκτη του ποντικιού πάνω από αυτές:

img {-webkit-filter: grayscale (100%);} img: hover {-webkit-filter: grayscale (0%);}

Το CSS3 προσφέρει διάφορα φίλτρα, όπως τόνο σέπια, θόλωση, διαχείριση αντίθεσης και άλλα βασικά εφέ επεξεργασίας εικόνας. Το άρθρο "Πείτε Γεια σε Φίλτρα Webkit" από το Tuts + συζητά αυτά τα φίλτρα και πώς να τα χρησιμοποιήσετε. (Σύνδεσμος σε πόρους.)

Εφέ δρομέα

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

Εφέ πλήρους σελίδας

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