# 037: Stavebné pátranie, 3. časť - Triky CSS

Anonim

Čaká nás ešte trochu práce, aby sme dokončili oblasť vyhľadávania.

Dostali sme sa na vedľajšiu koľaj iba na sekundu, pretože som si všimol, že sme do zalamovania stránky ešte nepridali efekt trojrozmerného stohovania, tak to urobíme a zmeníme sfarbenie.

Potom pracujeme na oblasti „Vyhľadať v:“, čo sú malé odkazy, na ktoré môžete kliknúť a zúžiť tak vyhľadávanie podľa oblasti webu. Neskôr to skutočne zariadime, ale tu pre ne nastavíme používateľské rozhranie. Odkazy sú svetlo modré, ale „vybraný“ odkaz sa zmení na bielu a podčiarkne sa, čo je veľa spätnej väzby, ktorá je vybratá.

Tiež pridáme znak ((ktorý zachytíme z CopyPasteCharacter) ako malý odkaz, pomocou ktorého môžete kliknúť (alebo klepnúť) na zatvorenie oblasti vyhľadávania.

Keď máme návrh nastavený, zistíme, že otváranie a zatváranie vyhľadávacej oblasti je trochu nepríjemné. Keď je otvorená oblasť vyhľadávania dočasne úzka, veci sa dočasne zabalia do seba. Aby sme to napravili, uistite sa, že sa nič nezabalí, white-space: nowrap;a zaistíme, aby nič nevyčnievalo divne oveflow: hidden;.

Na záver to hovorím, že ako ďalšie urobíme vyhľadávače, ale ďalej sa k tomu vlastne nedostaneme, to sa chystá okolo Video # 094.