Πώς να κάνω το κουτί σας ερώτηση μια εικόνα στο Tumblr
Το Tumblr παρέχει μια διασύνδεση τύπου blog, όπου μπορείτε να ενημερώσετε τους φίλους σας και να μεταφέρετε ξανά τους συνδέσμους, το κείμενο ή τις εικόνες από τους λογαριασμούς των άλλων. Παρόλο που ο ιστότοπος δεν έχει μια προεπιλεγμένη λειτουργία σχολιασμού, μπορείτε να επικοινωνήσετε με άλλους χρήστες μέσω του πλαισίου "Ερώτηση", το οποίο επιτρέπει στους χρήστες να κάνουν ερωτήσεις που ο ιστότοπος παρέχει στον πίνακα ελέγχου για να απαντήσετε στη σελίδα σας. Μπορείτε να προσθέσετε μια φωτογραφία στο "Ask" πλαίσιο για να το προσαρμόσετε.
Περιορισμοί εικόνας
Με το CSS, μπορείτε να προσαρμόσετε τα διάφορα στοιχεία του πλαισίου "Ask". Για παράδειγμα, μπορείτε να χρησιμοποιήσετε μια εικόνα με μοτίβο που έρχεται σε αντίθεση με το θέμα σας πίσω από την περιοχή κειμένου και το κουμπί "Υποβολή". Επειδή ο Tumblr σας παρέχει έναν κώδικα i-Frame και όχι τον πραγματικό κώδικα φόρμας για τη σελίδα σας, δεν μπορείτε να προσαρμόσετε ξεχωριστά τα πεδία φόρμας. Για παράδειγμα, δεν μπορείτε να προσθέσετε μια εικόνα ειδικά στην περιοχή κειμένου ή να αντικαταστήσετε την εικόνα φόντου του πλαισίου "Ask", ώστε να εμφανίζει κάτι άλλο.
Κώδικας
Για να εμφανίσετε μια μόνο εικόνα πίσω από την περιοχή "Ask", πρέπει να τυλίξετε τον προεπιλεγμένο κώδικα πλαισίου I όπως παρέχεται από το Tumblr μέσα σε div και στη συνέχεια να καθορίσετε μια εικόνα φόντου για το div. Για παράδειγμα:
Θυμηθείτε να αλλάξετε τη διεύθυνση URL της εικόνας σε μια που φιλοξενείται στο διαδίκτυο. Τοποθεσίες όπως το Photobucket και το ImageShack προσφέρουν δωρεάν φιλοξενία που μπορείτε να χρησιμοποιήσετε. Επιπλέον, πρέπει να αλλάξετε το όνομα "YourUserName" στο όνομα του Tumblr, έτσι ώστε το πλαίσιο Ask να αναφέρεται στον σωστό χρήστη.
Συμβουλές
Μπορείτε να δημιουργήσετε μια εικόνα φόντου που θα περιβάλλει το πλαίσιο "Ask" και θα περιλαμβάνει σύνορα γύρω από όλα τα στοιχεία - πεδίο κειμένου, κουμπιά και πεδίο σύνδεσης - για να δώσει την εντύπωση ενός περιγράμματος, παρόλο που το Tumblr δεν σας επιτρέπει να να προσαρμόσετε τα στοιχεία αυτά με το CSS. Για να ευθυγραμμίσετε καλύτερα την εικόνα φόντου με το πλαίσιο I, καθορίστε το ύψος και το πλάτος και των δύο αντικειμένων στο CSS. Μπορείτε επίσης να ρυθμίσετε το περιθώριο του πλαισίου I, το οποίο είναι ο χώρος μεταξύ των εξωτερικών άκρων του και του div. ή μπορείτε να ρυθμίσετε την επένδυση του div, που είναι ο χώρος μεταξύ των εσωτερικών άκρων του και του περιεχομένου του, για να βοηθήσετε στην ευθυγράμμιση.
Σκέψεις
Όταν χρησιμοποιείτε μια εικόνα ως μέρος ενός πεδίου φόρμας, βεβαιωθείτε ότι ο επισκέπτης μπορεί να διαβάσει το κείμενο που πληκτρολογεί. Χρησιμοποιώντας μια εικόνα που είναι ως επί το πλείστον σκοτεινή και συνδυάζοντας με ελαφρύ κείμενο - ή το αντίθετο - είναι ευκολότερη στα μάτια από τη χρήση μιας πολυσύχναστης εικόνας με πολλά χρώματα. Εάν δεν το λάβετε υπόψη, οι χρήστες ενδέχεται να αισθάνονται απογοητευμένοι από την εμφάνιση του κουτιού σας και να μην επικοινωνούν μαζί σας στο Tumblr.