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

1.4.x Добавляем нестандартные, собственные иконки для разделов

Тема в разделе "Модификации шаблонов", создана пользователем Romchik®, 24 янв 2011.

Загрузка
  1. TAIFUN

    TAIFUN Человек

    Регистрация:
    27.09.10
    Сообщения:
    2.121
    Симпатии:
    1.560
    Версия XF:
    1.5.9
    Покажите скриншот.
     
  2. Андрей Ланговой

    Андрей Ланговой Активный пользователь

    Регистрация:
    09.02.11
    Сообщения:
    41
    Симпатии:
    11
    Адрес в личку отправил.
     
  3. TAIFUN

    TAIFUN Человек

    Регистрация:
    27.09.10
    Сообщения:
    2.121
    Симпатии:
    1.560
    Версия XF:
    1.5.9
    Это "прелести" Flexile, у него "синева" к иконкам добавляется отдельно через CSS. То есть иконка прозрачная, а синий цвет не является частью самой иконки. Тем более автор этого стиля ещё не выкладывал версию для XF 1 RC 2
     
  4. Андрей Ланговой

    Андрей Ланговой Активный пользователь

    Регистрация:
    09.02.11
    Сообщения:
    41
    Симпатии:
    11
    Ясно, а с другими стилями кроме стандартного тоже такие проблемы будут?
     
  5. TAIFUN

    TAIFUN Человек

    Регистрация:
    27.09.10
    Сообщения:
    2.121
    Симпатии:
    1.560
    Версия XF:
    1.5.9
    Не со всеми, это зависит от (см. предыдущее сообщение). У Whisper всё нормально в этом плане. Остальные нужно проверять. Это легко сделать.
    Заходим на демо сайт
    [​IMG]
    Открываем иконку в новом окне
    [​IMG]

    Проверяем как отображаются иконки unread и read
    [​IMG]

    [​IMG]

    -------
    А вот какая ситуация с Flexile
    [​IMG]

    Но стоит открыть иконку в новом окне...
    [​IMG]
     
    CyberAP, FractalizeR, Romchik® и ещё 1-му нравится это.
  6. Андрей Ланговой

    Андрей Ланговой Активный пользователь

    Регистрация:
    09.02.11
    Сообщения:
    41
    Симпатии:
    11
    Спасибо, всё понятно разжевали. Я так и понял что здесь что-то не так с картинками разделов именно в этом стиле, когда сохранил у себя изображение. Значит будем пробовать другие стили.
     
  7. TAIFUN

    TAIFUN Человек

    Регистрация:
    27.09.10
    Сообщения:
    2.121
    Симпатии:
    1.560
    Версия XF:
    1.5.9
    Пожалуйста :)
    Можно и не менять стиль, просто убрать этот CSS, который добавляет цвет иконкам :)

    Для этого нужно открыть шаблон node_list.css стиля Flexile
    Найти и удалить строки:
    Код:
            background-color: @primaryLightish;
    и
    Код:
            background-color: @primaryMedium;
    В итоге должно получиться так (кусок шаблона):
    Код:
        .node .forumNodeInfo .nodeIcon,
        .node .categoryForumNodeInfo .nodeIcon
        {
            background-image: url(@forumIconReadPath);
        }
    
        .node .forumNodeInfo.unread .nodeIcon,
        .node .categoryForumNodeInfo.unread .nodeIcon
        {
            background-image: url(@forumIconUnreadPath);
        }
     
    Romchik® и Андрей Ланговой нравится это.
  8. Андрей Ланговой

    Андрей Ланговой Активный пользователь

    Регистрация:
    09.02.11
    Сообщения:
    41
    Симпатии:
    11
    А как убрать ограничение на размер иконки в данном шаблоне? Я вставляю иконку своего размера, но она автоматически обрезается.
     
  9. CyberAP

    CyberAP Местный

    Регистрация:
    05.10.10
    Сообщения:
    2.577
    Симпатии:
    1.614
    Версия XF:
    1.5.10
    У Flexile просто иконка по-другому реализована. Само изображение - это лишь маска, которая накладывается на закрашенный выбранным цветом квадрат. Если вы свою иконку хотите поставить то вам ещё дополнительно надо занулить задний фон у иконки.
    Т.е. дополнительно к каждому разделу куда собираетесь ставить ещё одну иконку написать: background-color: transparent;
    А если вы все иконки поменять хотите, то это делается через настройки стиля. Т.е. создаёте дочерний стиль от Flexile и там крутите настройки Style Properties: Forum List > Node Icon
    Широту и высоту задают параметры Width и height, а в Style Properties: Forum List > Settings можно задать адрес к иконке прочитанного и непрочитанного раздела.
     
    TAIFUN, Romchik® и Андрей Ланговой нравится это.
  10. Андрей Ланговой

    Андрей Ланговой Активный пользователь

    Регистрация:
    09.02.11
    Сообщения:
    41
    Симпатии:
    11
    А в node_list.css нельзя добавить background-color: transparent; ?
     
  11. CyberAP

    CyberAP Местный

    Регистрация:
    05.10.10
    Сообщения:
    2.577
    Симпатии:
    1.614
    Версия XF:
    1.5.10
    Не советовал бы. Если вы создадите дочерний стиль и начнёте там править шаблоны то после обновления Flexile у вас будет использован старый шаблон в дочернем стиле. Поэтому лучше всё это задавать через Style Properties. Это всё тот же Style Properties: Forum List > Node Icon > Background, где вы нажимаете на область цвета и в поле значения вводите transparent.
     
  12. exarh

    exarh Местный

    Регистрация:
    05.11.10
    Сообщения:
    364
    Симпатии:
    78
    Версия XF:
    1.1.3
    Во пипец то! А я сделал все по ламерски. Нашел задний фон и его размеры сравнял с размером иконок.
     
  13. Дмитрий Железняк

    Дмитрий Железняк Активный пользователь

    Регистрация:
    25.12.10
    Сообщения:
    37
    Симпатии:
    20
    Подскажите, как изменить размер иконок на 110х110 ?
    До этого стояли такого размера иконки - подходили на отлично, но ставил методом правки шаблона. Теперь обновился до финальной версии форума, установил иконки, а они урезанные размер где то 40х40...

    Все, нашел, в node_list.css, переменная: .node .nodeIcon
     
  14. Lex

    Lex Dura Lex

    Регистрация:
    27.11.10
    Сообщения:
    804
    Симпатии:
    153
    Версия XF:
    1.5.1
    У меня на форуме вставленные по вышеописанному способу иконки что в режиме unread, что в режиме read не изменяются и выглядят совершенно одинаково, может что-то нужно еще подправит в css, чтобы иконки в режиме unread были все таки более яркими, чем в режиме unread, как на данном форуме. С названиями разделов все в порядке, видно разницу, а иконки не измены остаются. Кто может подсказать, как исправить?
     
  15. Romchik®

    Romchik® The Power of Dreams Команда форума

    Регистрация:
    26.09.10
    Сообщения:
    5.740
    Симпатии:
    5.269
    Версия XF:
    1.5.11
    Конечно надо, иначе все работало :)
    Не видя форума и исходный код, помочь трудно. Ссылку укажите.
     
  16. Lex

    Lex Dura Lex

    Регистрация:
    27.11.10
    Сообщения:
    804
    Симпатии:
    153
    Версия XF:
    1.5.1
    В личку отправил.
     
  17. Romchik®

    Romchik® The Power of Dreams Команда форума

    Регистрация:
    26.09.10
    Сообщения:
    5.740
    Симпатии:
    5.269
    Версия XF:
    1.5.11
    Ну дык конечно иконки не меняются, т.к. картинки одинаковые. Нужно разные картинки на сервер заливать. Для прочитанных сделать светлее в фотошопе.
     
  18. Lex

    Lex Dura Lex

    Регистрация:
    27.11.10
    Сообщения:
    804
    Симпатии:
    153
    Версия XF:
    1.5.1
    Хм...я не знал. Спасибо, что прояснили. О том что иконки должны быть разные нигде не сказано, я думал что их стиль меняется с помощью css. Значит будем осветлять read :)
     
  19. spy

    spy ИнквизитоР

    Регистрация:
    04.03.11
    Сообщения:
    373
    Симпатии:
    188
    для Разделов отлично, а для Категорий, такое-же возможно? (просто интересно) :)
     
  20. TAIFUN

    TAIFUN Человек

    Регистрация:
    27.09.10
    Сообщения:
    2.121
    Симпатии:
    1.560
    Версия XF:
    1.5.9
    В сообщении #25 этой темы на скриншотах показано это.
     

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