1. Приветствуем Вас на неофициальном форуме технической поддержки XenForo на русском языке. XenForo - новый и перспективный форумный движок от бывших создателей vBulletin.

1.1.3 Подсветка разделов форума при наведении курсора

Тема в разделе "Вопросы по стилям, изменения в CSS и шаблонах", создана пользователем Telia, 13 мар 2013.

Загрузка
  1. Telia

    Telia Read only

    Регистрация:
    22.11.12
    Сообщения:
    136
    Симпатии:
    21
    Версия XF:
    1.0.1
    Хотелось бы реализовать такое на форуме у себя если такое возможно )
    Если кто знает то подскажите плз )
    [​IMG]
    --- добавлено : 13 мар 2013 в 06:09 ---
    Поиском по форуму воспользовался не нашел
     
  2. igrec

    igrec Пользователь

    Регистрация:
    13.03.13
    Сообщения:
    55
    Симпатии:
    10
    найдите класс отображаюший этот элемент firebug в помощь, потом в css

    .mojklass > div:hover { background: #F4F4F4 !important; }​
     
  3. Telia

    Telia Read only

    Регистрация:
    22.11.12
    Сообщения:
    136
    Симпатии:
    21
    Версия XF:
    1.0.1
    Ничего не понял
     
  4. igrec

    igrec Пользователь

    Регистрация:
    13.03.13
    Сообщения:
    55
    Симпатии:
    10
    какой класс отвечает за стиль ? firebug -персональное оружие дизайнера, как у Бонда- вальтер ППС
    https://getfirebug.com/

    Найти класс и приписать имя вместо .mojklass

    вставить в стиль .css уж не знаю где оно у нее там, я токо неделю как копаюсь.
     
    KakBeOlolo и Telia нравится это.
  5. Telia

    Telia Read only

    Регистрация:
    22.11.12
    Сообщения:
    136
    Симпатии:
    21
    Версия XF:
    1.0.1
    Я то не силен тоже в этом

    node forum level_2 node_11
    такие варианты.
     
  6. Telia

    Telia Read only

    Регистрация:
    22.11.12
    Сообщения:
    136
    Симпатии:
    21
    Версия XF:
    1.0.1
    Неа .. Не получается. Спасибо что старались помочь ;)
     
  7. igrec

    igrec Пользователь

    Регистрация:
    13.03.13
    Сообщения:
    55
    Симпатии:
    10
    Ну назвался груздем, придется помогать до конца :)

    найдите node_list.css
    впихните туда, будет ярко противно зеленным подсвечивать,
    цвет подбирать можно тут http://www.w3schools.com/html/html_colors.asp
    вместо lime i # не забудьте
    Код:
    .node .forumNodeInfo:hover
    {
    background: lime;
    }
     
    St14, Dartrolton, BLEF и ещё 1-му нравится это.
  8. Telia

    Telia Read only

    Регистрация:
    22.11.12
    Сообщения:
    136
    Симпатии:
    21
    Версия XF:
    1.0.1
    :thumbsup: спасибо вам огромное )))
    получилось ) урааа )
    Спасибо еще раз )
     
    igrec нравится это.
  9. eterskov

    eterskov Местный

    Регистрация:
    12.03.12
    Сообщения:
    1.329
    Симпатии:
    384
    Версия XF:
    1.2.3
    А можно позырить как это работает :)?
     
  10. Telia

    Telia Read only

    Регистрация:
    22.11.12
    Сообщения:
    136
    Симпатии:
    21
    Версия XF:
    1.0.1
    вот так ) при наведении на разделы подсвечивается указанным цветом )
    sshot-1 - копия.png
     
    eterskov нравится это.
  11. BLEF

    BLEF Местный

    Регистрация:
    01.02.12
    Сообщения:
    466
    Симпатии:
    56
    А как сделать, чтобы вместе с подсветкой менялся цвет ссылки раздела?
     
    Telia нравится это.
  12. nmn

    nmn Активный пользователь

    Регистрация:
    11.04.13
    Сообщения:
    163
    Симпатии:
    71
    Версия XF:
    1.1.3
    Аналогично, только селектор для ссылки добавьте:
    Код:
    .node .forumNodeInfo:hover a:link, .node .forumNodeInfo:hover a:visited
    {
    color: blue;
    }
    Но чем такие вопросы задавать, лучше почитайте что-нибудь по теме, тот же htmlbook.ru.
     
    Telia и BLEF нравится это.
  13. Telia

    Telia Read only

    Регистрация:
    22.11.12
    Сообщения:
    136
    Симпатии:
    21
    Версия XF:
    1.0.1
    Замечательно просто )
    Я даже не подумал об этом )
     

Поделиться этой страницей