Πώς να προσθέσετε σκιά σταγόνων και κειμένου στο Dreamweaver - ανδρείκελα

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

Πίστωση: Φωτογραφία από το iStockphoto. com

Το Dreamweaver CC παρέχει καλύτερη υποστήριξη και ενσωμάτωση των σκιών πτώσης CSS3 και των σκιών κειμένου από τον νέο πίνακα CSS Designer.

Μπορείτε να δημιουργήσετε στυλ κατηγορίας ή αναγνωριστικών με σκιά κειμένου και μπορείτε να προσθέσετε σκίαση κειμένου σε υπάρχοντα στοιχεία HTML, καθορίζοντας ένα στυλ ετικέτας, όπως το στυλ κατηγορίας 1 που βλέπετε εδώ. Ο κώδικας CSS3 που δημιουργεί τη σκιά κειμένου είναι

h1 {text-shadow: 2px 2px 2px # 000;}

Οι αριθμοί στον κώδικα ορίζουν ότι η σκιά κειμένου θα πρέπει να επεκταθεί 2 εικονοστοιχεία προς τα δεξιά και 2 εικονοστοιχεία κάτω από κείμενο με θόλωση 2 εικονοστοιχείων. Επιπλέον, η σκιά δημιουργείται με το μαύρο χρώμα, που καθορίζεται από τον συντετμημένο δεκαεξαδικό κώδικα χρωμάτων # 000.

οριζόντια

• και κατακόρυφα : Οι δύο πρώτες αριθμητικές τιμές απαιτούνται και καθορίστε την οριζόντια και κάθετες μετατοπίσεις - η απόσταση που η σκιά σταγόνας εκτείνεται κάτω από το κείμενο ( κατακόρυφος ) και στα δεξιά του κειμένου (οριζόντια). ακτίνα θόλωσης

• : Η τρίτη τιμή καθορίζει την ποσότητα θολώματος στη σκιά. Εάν δεν συμπεριλαμβάνετε την ακτίνα θόλωσης, η προεπιλογή είναι 0, πράγμα που καθιστά τη σκιά να εμφανίζεται ως ένα συμπαγές χρώμα.

  χρώμα

• : Η τέταρτη τιμή καθορίζει το χρώμα της σκιάς και μπορεί να οριστεί χρησιμοποιώντας έναν δεκαεξαδικό κωδικό χρώματος ή έναν κωδικό χρώματος RGBa. Η επιλογή ενός χρώματος RGBa για την επιλογή Χρώμα σας δίνει μεγαλύτερο έλεγχο στην εμφάνιση της σκιάς, επειδή μπορείτε να προσθέσετε διαφάνεια.

Μπορείτε να προσθέσετε μια σκιά κειμένου χρησιμοποιώντας το πλαίσιο Ιδιότητες στο κάτω μέρος του πλαισίου του Designer CSS. Για να το κάνετε αυτό, ακολουθήστε τα εξής βήματα:

Μετακινηθείτε προς τα κάτω στην ενότητα Text-Shadow του πλαισίου Properties CSS Designer.

1. Πληκτρολογήστε το μέγεθος της σκιάς που θέλετε να εμφανίζεται χρησιμοποιώντας τα πεδία H-shadow (οριζόντια) και V-shadow (κατακόρυφα).

2. Προσθέστε την ποσότητα θολώματος που θέλετε για τη σκιά κειμένου εισάγοντας ένα μέγεθος στο πεδίο Blur.

3. Κάντε κλικ στο χρώμα καλά και επιλέξτε το χρώμα που θέλετε να χρησιμοποιήσετε στη σκιά κειμένου.