Wir haben noch etwas zu tun, um den Suchbereich fertigzustellen.
Wir werden nur für eine Sekunde abgelenkt, da ich bemerke, dass wir den dreidimensionalen Stapeleffekt noch nicht zum Seitenumbruch hinzugefügt haben, also tun wir das und ändern die Farbe.
Dann arbeiten wir am Bereich "Suchen in:". Dies sind die kleinen Links, auf die Sie klicken können, um die Suche nach welchem Bereich der Website einzugrenzen. Später werden wir dafür sorgen, dass das tatsächlich funktioniert, aber wir werden die Benutzeroberfläche dafür hier einstellen. Die Links sind hellblau, aber der „ausgewählte“ Link wird weiß und unterstrichen. Dies ist eine Menge Feedback zu den ausgewählten Links.
Wir fügen auch ein ✕-Zeichen (das wir von CopyPasteCharacter abfangen) als kleinen Link hinzu, auf den Sie klicken (oder tippen) können, um den Suchbereich zu schließen.
Sobald wir das Design festgelegt haben, ist das Öffnen und Schließen des Suchbereichs etwas umständlich. Dinge wickeln sich vorübergehend auf sich selbst, wenn der offene Suchbereich vorübergehend eng ist. Um das Problem zu beheben, stellen wir sicher, dass nichts umhüllt wird white-space: nowrap;und dass nichts seltsam herausragt oveflow: hidden;.
Ich beende es damit, dass wir als nächstes die Suchmaschinen machen, aber wir kommen als nächstes nicht dazu, das wird um Video # 094 herum auftauchen.