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

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

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

Загрузка
  1. Lex

    Lex Dura Lex

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

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

    Регистрация:
    26.09.10
    Сообщения:
    5.740
    Симпатии:
    5.269
    Версия XF:
    1.5.11
    Добавляем 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.
     
    BLEF, becdelbnik, 111 и 3 другим нравится это.
  3. undll

    undll Местный

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

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

    Регистрация:
    26.09.10
    Сообщения:
    5.740
    Симпатии:
    5.269
    Версия XF:
    1.5.11
    Искали действительно плохо. Объединил.
     
    undll нравится это.
  5. undll

    undll Местный

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

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

    spy ИнквизитоР

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

    undll Местный

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

    spy ИнквизитоР

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

    Вложения:

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

    becdelbnik Местный

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

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

    ?
     
  10. Zummic

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

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

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

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

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