Έχουμε λίγο περισσότερη δουλειά για να ολοκληρώσουμε την περιοχή αναζήτησης.
Παίρνουμε παράδρομο για ένα δευτερόλεπτο καθώς παρατηρώ ότι δεν προσθέσαμε το τρισδιάστατο εφέ στοίβαξης στην αναδίπλωση σελίδας ακόμα, οπότε το κάνουμε αυτό και αλλάζουμε τον χρωματισμό.
Στη συνέχεια, εργαζόμαστε στην περιοχή "Αναζήτηση σε:", που είναι οι μικροί σύνδεσμοι όπου μπορείτε να κάνετε κλικ για να περιορίσετε την αναζήτηση κατά ποια περιοχή του ιστότοπου. Αργότερα θα το κάνουμε πραγματικά λειτουργικό, αλλά θα έχουμε το περιβάλλον χρήστη για αυτό που ορίζεται εδώ. Οι σύνδεσμοι είναι ανοιχτό μπλε, αλλά ο "επιλεγμένος" σύνδεσμος γίνεται λευκός και υπογραμμίζεται, κάτι που έχει πολλά σχόλια σχετικά με το οποίο έχει επιλεγεί.
Προσθέτουμε επίσης έναν χαρακτήρα ✕ (τον οποίο προσφέρουμε από το CopyPasteCharacter) ως έναν μικρό σύνδεσμο στον οποίο μπορείτε να κάνετε κλικ (ή να πατήσετε) για να κλείσετε την περιοχή αναζήτησης.
Μόλις ο σχεδιασμός είναι έτοιμος, διαπιστώνουμε ότι το άνοιγμα και το κλείσιμο της περιοχής αναζήτησης είναι λίγο περίεργο. Τα πράγματα τυλίγονται προσωρινά όταν η ανοιχτή περιοχή αναζήτησης είναι προσωρινά στενή. Για να το διορθώσουμε, φροντίζουμε να μην τυλίγεται τίποτα white-space: nowrap;και να διασφαλίσουμε ότι τίποτα δεν θα παραμείνει παράξενο oveflow: hidden;.
Τελειώνω λέγοντας ότι θα κάνουμε τις μηχανές αναζήτησης στη συνέχεια, αλλά στην πραγματικότητα δεν θα φτάσουμε στη συνέχεια, που θα έρθει γύρω από το βίντεο # 094.