Помогите найти пример для оформления блока фильтров на сайте

Тема в разделе "Креативные дела", создана пользователем sagentj007, 17 сен 2014.

Модераторы: zek24
  1. sagentj007

    sagentj007 Постоялец

    Регистр.:
    3 сен 2009
    Сообщения:
    88
    Симпатии:
    6
    Всем доброго времени суток :)
    Реализовал наконец-то фильтры на сайте, подскажите, как получше оформить данный блок? А то с дизайном (фантазией) у меня всегда проблемы были(
    Было бы интересно посмотреть на креативные примеры.

    Заранее, спасибо!

    P.S. если вдруг интересно, как на данный момент выглядит блок www.hotserials.com
     
  2. saifym

    saifym Создатель

    Регистр.:
    14 авг 2013
    Сообщения:
    27
    Симпатии:
    18
    sagentj007 нравится это.
  3. Teceract

    Teceract

    Регистр.:
    15 фев 2009
    Сообщения:
    154
    Симпатии:
    71
    Использовать раскрывающийся список Select
    [​IMG]
    Либо скользящий при наведении
     
    sagentj007 нравится это.
  4. Festem

    Festem Постоялец

    Регистр.:
    4 сен 2014
    Сообщения:
    97
    Симпатии:
    26
    Если решите использовать выпадающие списки - можете уникализировать их с помощью CSS http://cssdeck.com/labs/styling-select-box-with-css3

    Вот что можно делать с помощью яваскрипта

    [​IMG]

    [​IMG]

    [​IMG]

    [​IMG]
     
  5. alkis

    alkis Постоялец

    Регистр.:
    11 дек 2012
    Сообщения:
    147
    Симпатии:
    17
    Для Продолжительность в фильтре лучше использовать ползунки типа Filter
     
    sagentj007 нравится это.
  6. smerlol

    smerlol Создатель

    Регистр.:
    31 авг 2014
    Сообщения:
    26
    Симпатии:
    8
    Извините за оффтоп, а как сделали поиск по жанрам на ajax?
    фильтр.jpg
     
  7. sagentj007

    sagentj007 Постоялец

    Регистр.:
    3 сен 2009
    Сообщения:
    88
    Симпатии:
    6
    Интересный решения, но я так и не нашел того, что видел где-то :(

    Суть в том, что основано на стиле Метро UI (т.е, чекбокс сам скрыт, а на его месте галочка (в случае неотмеченного чекбокса, фон меняется на зеленый) или крестик (в случае отмеченного чекбокса, фон меняется на красный))

    Это стоило 150$ :)
     
    Festem нравится это.
  8. Festem

    Festem Постоялец

    Регистр.:
    4 сен 2014
    Сообщения:
    97
    Симпатии:
    26
    Ройте в этом направлении http://xiper.net/collect/html-and-css-tricks/verstka-form/nice-checkbox
     
    Hannibal86, sagentj007 и alkis нравится это.
  9. garfild304

    garfild304 Писатель

    Регистр.:
    24 сен 2013
    Сообщения:
    9
    Симпатии:
    1
    Можно использовать стандартные,так как более привычны пользователям
     
  10. Festem

    Festem Постоялец

    Регистр.:
    4 сен 2014
    Сообщения:
    97
    Симпатии:
    26
    Стандартные часто не вписываются в вебдванольный интерфейс сайта