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

Иконки для блоков в сайдбаре

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

Загрузка
  1. Lex

    Lex Dura Lex

    Регистрация:
    27.11.10
    Сообщения:
    820
    Симпатии:
    159
    Версия XF:
    1.5.1
    Подскажите кто нибудь о том, как добавить иконки к блокам в сайдбаре, как на данном форуме? Какой размер этих иконок на данном форуме? Спасибо.
     
    Lex, 10.03.2011
    #1
  2. Romchik®

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

    Регистрация:
    26.09.10
    Сообщения:
    5 746
    Симпатии:
    5 311
    Версия XF:
    1.5.18
    Добавляем CSS в шаблон EXTRA.css:
    Код:
    /* sidebar icons */
.staffOnline h3 {
  padding-left:20px;
  background:url("@imagePath/xenforo/widgets/xfr-icon-forum-team.png") no-repeat center left;
}
.membersOnline h3 {
  padding-left:20px;
  background:url("@imagePath/xenforo/widgets/xfr-icon-users-online.png") no-repeat center left;
}
.statsList h3 {
  padding-left:20px;
  background:url("@imagePath/xenforo/widgets/xfr-icon-statistic.png") no-repeat center left;
}
.todayBirthday h3 {
  padding-left:20px;
  background:url("@imagePath/xenforo/widgets/xfr-icon-birthday.png") no-repeat center left;
}
.WhoHasVisited h3 {
  padding-left:20px;
  background:url("@imagePath/xenforo/widgets/xfr-icon-visitors.png") no-repeat center left;
}
/* end of sidebar icons */
    Заливаем иконки. Размер наших иконок - 16x16.
     
    Romchik®, 11.03.2011
    #2
    BLEF, becdelbnik, 111 и 3 другим нравится это.
  3. undll

    undll Местный

    Регистрация:
    22.03.11
    Сообщения:
    91
    Симпатии:
    36
    Версия XF:
    1.1.5
    может где было, плохо искал... честно)
    Как добавить картинки к боковым блокам?
    Безымянный.png
     
    undll, 25.03.2011
    #3
  4. Romchik®

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

    Регистрация:
    26.09.10
    Сообщения:
    5 746
    Симпатии:
    5 311
    Версия XF:
    1.5.18
    Искали действительно плохо. Объединил.
     
    Romchik®, 25.03.2011
    #4
    undll нравится это.
  5. undll

    undll Местный

    Регистрация:
    22.03.11
    Сообщения:
    91
    Симпатии:
    36
    Версия XF:
    1.1.5
    извиняюсь​

    --- добавлено : Mar 25, 2011 4:21 PM ---
    А сами иконки можете дать? мне как раз они подойдут)
     
    undll, 25.03.2011
    #5
  6. spy

    spy ИнквизитоР

    Регистрация:
    04.03.11
    Сообщения:
    373
    Симпатии:
    191
    а самому сохранить?? правый клик мишки, тыкаем "View Background Image" , откроется картинка:):p
     
    spy, 25.03.2011
    #6
  7. undll

    undll Местный

    Регистрация:
    22.03.11
    Сообщения:
    91
    Симпатии:
    36
    Версия XF:
    1.1.5
    опера напрочь отказывается сохранять) кому не лень скиньте...
     
    undll, 25.03.2011
    #7
  8. spy

    spy ИнквизитоР

    Регистрация:
    04.03.11
    Сообщения:
    373
    Симпатии:
    191
    Вот! ;)
    --- добавлено : Mar 25, 2011 5:55 PM ---
    перезалил, нехватало одной:rolleyes:
     

    Вложения:

    spy, 25.03.2011
    #8
    111, resonansER, Gatses и 3 другим нравится это.
  9. becdelbnik

    becdelbnik Местный

    Регистрация:
    21.07.12
    Сообщения:
    136
    Симпатии:
    20
    Версия XF:
    1.3.0
    ребят, а подскажите что нужно прописать для :

    - Последние записи в дневнике
    - Поделиться этой страницей
    - Посетителей за сегодня

    ?
     
    becdelbnik, 10.11.2012
    #9
  10. Zummic

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

    Регистрация:
    01.11.12
    Сообщения:
    50
    Симпатии:
    0
    Версия XF:
    1.1.2
    Так же интересует, добавил блок яндекс денег, залил иконку а как вставить в блок отображение иконки для него, ума не приложу.
    Название шаблона sidebar_yandexbank если нужен будет
     
    Zummic, 16.11.2012
    #10
  11. Romchik®

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

    Регистрация:
    26.09.10
    Сообщения:
    5 746
    Симпатии:
    5 311
    Версия XF:
    1.5.18
    becdelbnik
    Zummic
    Как вам подсказать, если в CSS/HTML судя по всему ничего не понимаете? А если бы понимали, то и сами догадались, что у каждого блока должен быть свой собственный класс и обязательно заголовок h3.
    И соответственно дописываются в CSS строчки для каждого блока, типа:
    Код:
    .vasheImyaKlassa h3 {
  padding-left:20px;
  background:url("@imagePath/xenforo/widgets/vashe-imya-ikonki.png") no-repeat center left;
}
     
    Romchik®, 23.11.2012
    #11
    spy нравится это.

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