Индикатор для прочитанных/непрочитанных подфорумов

Индикатор для прочитанных/непрочитанных подфорумов 2013-06-20

Нет прав для скачивания
Ребятки, я хотел поставить свои иконки, чуть больше по размерам, но когда редактировал размер самих иконок ничего ен происходило, в чём может быть проблема?
 
ети строчки окда и менял, если у меня иконки по 28px и всеравно не показивает из полноценно, когда слелал отступ побольше, то они появились во всю ширину, но высоты всеравно недостаточно, где менять высоту строки самого субфорума?
1111.png получаеться конвертик не полностю отображаеться снизу и сверху. пример кода
PHP:
.subForumList li .nodeTitle:before {
  background: url("@imagePath/xenforo/icons/subforum-read.png") no-repeat left center transparent;
  height: 24px;
  width: 24px;
  content: "";
  padding-left: 30px; }

.subForumList li .unread .nodeTitle:before {
  background: url("@imagePath/xenforo/icons/subforum-unread.png") no-repeat left center transparent;
  height: 24px;
  width: 24px;
  content: "";
  padding-left: 30px; }
 
Последнее редактирование:
Шаблон node_list.css:

Код:
.node .subForumList
    {
        overflow: hidden; *zoom: 1;
        margin: -5px 0 @nodeText.margin-bottom;
        margin-left: @nodeText.margin-left;
    }
   
        .node .subForumList li
        {
            float: left;
            width: 31%;
            margin: 2px 0 2px 2%;
        }
       
            .node .subForumList li .nodeTitle
            {
                font-size: 11px;
                overflow: hidden;
                white-space: nowrap;
                word-wrap: normal;
                text-overflow: ellipsis;
            }
           
            .node .subForumList .unread .nodeTitle
            {
                @property "nodeTitleUnread";
            font-weight: bold;
            @property "/nodeTitleUnread";
            }
       
            .node .subForumList li ol,
            .node .subForumList li ul
            {
                display: none;
            }
 
Подскажите как вывести индикатор иконками Font Awesome?

Делаю дополнение в extra

Код:
.subForumList li .nodeTitle a:before {
  content:"\f101";
  color: #dedede;
  font-weight:bold;
  margin-right:5px;
}

.subForumList li .unread .nodeTitle a:before {
  content:"\f101";
  color: #c45454;
  font-weight:bold;
  margin-right:5px;
}

Но иконка не выводится, непонятный ромбик.
Что то делаю не так или не до конца.
 
Последнее редактирование:
Шрифт FA подключить ещё надо, иначе да, будут только ромбики.
 
Установлен шаблон flat awesome - там естественно шрифт подключен.
 
Код:
.subForumList li .nodeTitle a:before {
  font-family: 'Font Awesome';
  content:"\f101";
  color: #dedede;
  font-weight:bold;
  margin-right:5px;
}

.subForumList li .unread .nodeTitle a:before {
  font-family: 'Font Awesome';
  content:"\f101";
  color: #c45454;
  font-weight:bold;
  margin-right:5px;
}
Там уникод используется, для контента надо указывать
 
Пока все так же.
Вы ставите одинарную кавычку а контент идет с двойной это правильно?
 
Вы ставите одинарную кавычку а контент идет с двойной это правильно?
поставь на контент одинарную :) это не имеет значение в этом случае, только если используются кавычки в кавычках :)
 
Не помогло, к сожалению

==========================

Решено

font-family: 'Font Awesome'; ===>>> font-family: 'FontAwesome';
 
Последнее редактирование:
Код:
.subForumList li .nodeTitle a:before {
  font-family: 'Font Awesome';
  content:"\f101";
  color: #dedede;
  font-weight:bold;
  margin-right:5px;
}

.subForumList li .unread .nodeTitle a:before {
  font-family: 'Font Awesome';
  content:"\f101";
  color: #c45454;
  font-weight:bold;
  margin-right:5px;
}
Там уникод используется, для контента надо указывать
Не получилось, ромбики только, или квадраты. А Font Awesome подключён.
Что делать?
 
Если есть квадраты, значит проблема с подключением шрифта, проверь, версия какая подключена
 
Добрый день. Подскажите пожалуйста. Как добавить надпись при наведение "Непрочитанные сообщения" к иконке - .unread
 
Современный облачный хостинг провайдер | Aéza
Назад
Сверху Снизу