Configura la apariencia de la capa de búsqueda de Doofinder

En Doofinder pensamos que, en diseño gráfico, menos es más . Siguiendo esa filosofía diseñamos la capa de resultados de nuestro buscador , de modo que se adaptase a la mayor cantidad posible de sitios web (y creo que nos ha quedado bastante bien).


A pesar de ello, también es cierto que hay páginas web de todos los colores y con tipografías muy diferentes y es imposible abarcarlas a todas. Por tanto, aquí tenéis una breve guía de lo que podéis hacer para personalizar la capa de Doofinder.


Importante: Has de tener en cuenta que se necesitan ciertos conocimientos de diseño web para llevar a cabo correctamente la personalización de la capa. Si no estás familiarizado con HTML y CSS, por favor, sé prudente y ponte en manos de alguien que sepa un poco de estos temas. También necesitarás acceso a los ficheros de código fuente de tu página.


Manos a la obra:
En mi caso he transformado la apariencia de la capa para adaptarla a un tema en colores oscuros. Os recomiendo encarecidamente que os hagáis vuestro propio tema, ya que este lo he hecho como ejemplo y no como nada definitivo. Si queréis ver cómo queda:

Layer Demo


Los pasos para que podáis hacer vuestro propio tema:

  1. Descarga el tema que he diseñado: http://docs.doofinder.com/goodies/doofinder-theme.css
  2. Borra el contenido de las reglas CSS, pero no los selectores. Así lo podrás utilizar como punto de partida.
  3. ¡A jugar! Cambia la apariencia a tu gusto utilizando los selectores CSS proporcionados.
    Por supuesto, tendrás que subir el fichero CSS a Internet y enlazarlo en el código fuente de la página, pero seguro que eso sabes cómo hacerlo (depende de tu hosting).
    Lo más importante es respetes la estructura de selectores, ya que he aumentado la especificidad de las reglas de estilo añadiendo body a todos los selectores para que las reglas de estilo del tema prevalezcan sobre las que hay definidas por defecto.

Para evitar que la capa de Doofinder deje de mostrarse correctamente, debemos ceñirnos a los estilos de tipografía y colores. Los más atrevidos podéis probar a cambiar más reglas, pero siempre bajo vuestra propia responsabilidad.