# 037: Bygningssøgning, del 3 - CSS-tricks

Anonim

Vi har lidt mere arbejde at gøre for at afslutte søgeområdet.

Vi bliver sidetracked i bare et sekund, da jeg bemærker, at vi ikke tilføjede den tredimensionelle stablingpåvirkning til sideomslag endnu, så vi gør det og ændrer farven.

Derefter arbejder vi på området "Søg i:", som er de små links, hvor du kan klikke for at indsnævre søgningen efter hvilket område på siden. Senere får vi det til at fungere, men vi får brugergrænsefladen til det indstillet her. Links er lyseblå, men det “valgte” link bliver hvidt og understreges, hvilket er masser af feedback, som er valgt.

Vi tilføjer også et ✕-tegn (som vi hænger fra CopyPasteCharacter) som et lille link, du kan klikke på (eller trykke på) for at lukke søgeområdet.

Når vi er klar med designet, finder vi, at åbning og lukning af søgeområdet er lidt akavet. Ting vikles midlertidigt ind, når det åbne søgeområde er midlertidigt smalt. For at ordne det sørger vi for, at intet ombrydes med white-space: nowrap;og sikrer, at intet stikker underligt ud med oveflow: hidden;.

Jeg slutter det med at sige, at vi laver søgemaskinerne næste, men vi kommer faktisk ikke til det næste, det kommer op omkring Video # 094.