# 037: Épületkeresés, 3. rész - CSS-trükkök

Anonim

Van még egy kis munkánk a keresési terület befejezéséhez.

Csak egy másodpercre kerülünk félre, mivel észreveszem, hogy még nem adtuk hozzá a háromdimenziós halmozási effektust az oldal burkolásához, ezért ezt megtesszük, és megváltoztatjuk a színezést.

Ezután a „Keresés itt:” területen dolgozunk, amelyek azok a kis linkek, amelyekre kattintva szűkítheti a keresést a webhely mely területe szerint. Később ezt valóban működtetni fogjuk, de megkapjuk az itt beállított felhasználói felületet. A linkek világoskék színűek, de a „kiválasztott” link fehérre vált és aláhúzásra kerül, ami rengeteg visszajelzést ad arról, hogy melyik van kiválasztva.

Ezenkívül hozzáadunk egy ✕ karaktert (amelyet a CopyPasteCharacter-ről ragadunk meg) egy kis linkként, amelyre kattintva (vagy megérintve) bezárhatja a keresési területet.

Miután elkészült a tervezés, azt találjuk, hogy a keresési terület megnyitása és bezárása kissé kínos. A dolgok átmenetileg magukra borulnak, ha a nyitott keresési terület átmenetileg szűk. Ennek kijavítására ügyeljünk arra, hogy semmi ne boruljon be, white-space: nowrap;és biztosítsuk, hogy semmi ne tűnjön furcsán oveflow: hidden;.

Azt fejezem be, hogy azt állítom, hogy legközelebb a keresőmotorokat készítjük el, de valójában nem jutunk el rá, ez a 094. videó körül fog megjelenni.