Το CSS σας επιτρέπει να σχεδιάζετε τις ιστοσελίδες σας εύκολα, πολύεύκολα. Μπορείτε να ορίσετε πάνω από εκατό στυλ κειμένου σε μια σελίδα (βέβαια η σελίδα σας θα εμφανιστεί σαν σκηνή τσίρκου), αλλά πρόκειται για την ευκολία και την ευελιξία που προσφέρει η χρήση του CSS σε ιστοσελίδες.ThemeShock έχει μια γεννήτρια κωδικοποιητή CSS που θα σας βοηθήσει να προσθέσετεδιαφορετικά εφέ σκιάς στην εικόνα σας με μερικά απλά κλικ. Επιλέγετε το αποτέλεσμα και γράφει τον κώδικα. τα εφέ μπορούν να προστεθούν στο κάτω μέρος, τις πλευρές, πάνω & κάτω, κάτω αριστερά, κάτω δεξιά, πάνω δεξιά και κάτω αριστερά ή σε διαγώνιες γωνίες.
Πριν ξεκινήσεις; ελέγξτε τη διάσταση του σαςεικόνα (αυτή στην οποία θέλετε να προσθέσετε το αποτέλεσμα). Η γεννήτρια κώδικα έχει ένα προκαθορισμένο άνω και κάτω όριο 130 - 347px για το πλάτος και το ύψος της εικόνας. Αν οι διαστάσεις της εικόνας σας υπερβαίνουν αυτό, μπορείτε να επεξεργαστείτε το πλάτος και το ύψος αργότερα. Ο κώδικας σας επιτρέπει επίσης να καθορίσετε την αδιαφάνεια και τη θολότητα της σκιάς. Δεν μπορείτε να μεταφορτώσετε την εικόνα σας στη γεννήτρια κώδικα, θα χρησιμοποιηθεί μια προεπιλεγμένη εικόνα για να μπορείτε να κάνετε προεπισκόπηση της επίδρασης.
Από το αναπτυσσόμενο μενού, επιλέξτε ποια σκιάτο αποτέλεσμα που σας αρέσει, κάθε φορά που αλλάζετε οποιονδήποτε από τους επιλογείς δημιουργείται νέος κώδικας, οπότε βεβαιωθείτε ότι χρησιμοποιείτε το πιο πρόσφατο. Αφού επιλέξετε το αποτέλεσμα που θέλετε, ρυθμίστε το πλάτος και το ύψος της εικόνας σας χρησιμοποιώντας την οριζόντια γραμμή κύλισης. Χρησιμοποιήστε το δεξί και το αριστερό πλήκτρο βέλους όταν θέλετε να ωθήσετε το κουμπί λίγο. Ορίστε τη θολότητα και την αδιαφάνεια και θα δημιουργηθεί κωδικός. Η αύξηση ή η μείωση μιας από αυτές τις παραμέτρους θα δημιουργήσει έναν νέο κώδικα.
Αφού ρυθμίσετε τα πάντα, αντιγράψτε τον κώδικα CSS σε αCSS και ονομάστε την για σας ιστοσελίδα (ή θέμα). Ο κώδικας HTML που πηγαίνει στην ιστοσελίδα σας παράγεται επίσης (αυτό είναι μοναδικό για κάθε εφέ που επιλέγετε από το αναπτυσσόμενο μενού), αντιγράψτε το και τοποθετήστε τον κωδικό εικόνας (img src = "") όπου λέει "ο κωδικός σας εδώ".
Το καλύτερο πράγμα για αυτή τη γεννήτρια κώδικα είναι αυτόλειτουργεί και είναι δωρεάν. Έχει περιορισμούς διαστάσεων για εικόνες, αλλά μπορούν να επεξεργαστούν από τον κώδικα. Εάν χρησιμοποιείτε μια διαφανή εικόνα (όπως αυτή που αναφέρθηκε παραπάνω), θα δώσει ένα θαμπό γκρι φόντο. Μπορείτε να επεξεργαστείτε το χρώμα φόντου αργότερα από τον κώδικα. (Επεξεργασία φόντου γραμμής κώδικα: #ccc). Ο κώδικας δίνει επίσης ένα πλαίσιο 5px σε όλες τις εικόνες, μπορείτε να επεξεργαστείτε το πλαίσιο, αλλά αυξάνοντας και μειώνοντας το πλάτος θα αποκρύψει ή αποκαλύψει τη σκιά περισσότερο από ό, τι είναι απαραίτητο, ώστε να είναι καλύτερα να μείνει μόνος του.
Επισκεφθείτε τη γεννήτρια σκιασμού CSS Drop ThemeShock
Σχόλια