Tenemos un poco más de trabajo por hacer para terminar el área de búsqueda.
Nos desviamos por un segundo cuando noto que aún no agregamos el efecto de apilamiento tridimensional al ajuste de la página, así que lo hacemos y cambiamos el color.
Luego trabajamos en el área "Buscar en:", que son los pequeños enlaces en los que puede hacer clic para restringir la búsqueda por qué área del sitio. Más adelante haremos que eso realmente funcione, pero obtendremos la interfaz de usuario configurada aquí. Los enlaces son de color azul claro, pero el enlace "seleccionado" se vuelve blanco y se subraya, lo que es una gran cantidad de comentarios sobre cuál se selecciona.
También agregamos un carácter ✕ (que obtenemos de CopyPasteCharacter) como un pequeño enlace en el que puede hacer clic (o tocar) para cerrar el área de búsqueda.
Una vez que tenemos el diseño todo listo, encontramos que abrir y cerrar el área de búsqueda es un poco incómodo. Las cosas se envuelven temporalmente sobre sí mismas cuando el área de búsqueda abierta se reduce temporalmente. Para solucionarlo, nos aseguramos de que nada se ajuste white-space: nowrap;y nos aseguramos de que nada sobresalga oveflow: hidden;.
Termino diciendo que haremos los motores de búsqueda a continuación, pero en realidad no llegaremos a eso a continuación, eso vendrá en torno al Video # 094.