Перейти к содержанию

Выровнять подфорумы


Рекомендуемые сообщения

Приветствую.

Хочу чуть подправить названия подфорумов но не знаю как..

Вот как у меня:

1.png.bc8f903e111e453b86061b62139ee9df.png

А вот так хотелось бы сделать:

2.png.9e89f34cba0775ca3a49c376aa41dd0e.png

 

Можно как то добавить иконку и сделать так, чтобы они ровнее размещались? или например по рядам, допустим 4 названия, а потом вторая строка пошла.

Ссылка на комментарий
Поделиться на другие сайты

25 минут назад, Вячеслав Русаков сказал:

Можно как то добавить иконку

forums - front - index - forumRow (Классический вид)
forums - front - index - forumGridItem (Вид сеткой)

ищите ipsDataItem_subList ipsList_inline

и в ссылке вставляйте <i class="fa fa-folder"></i>, чтобы получилось что-то типа:

Спойлер

<a href="{$subforum->url()}">{{if !\IPS\forums\Topic::containerUnread( $subforum )}}<i class="fa fa-folder"></i>{{endif}}{{if \IPS\forums\Topic::containerUnread( $subforum )}}<span class='ipsItemStatus ipsItemStatus_tiny {{if !\IPS\forums\Topic::containerUnread( $subforum ) && !$subforum->redirect_on}}ipsItemStatus_read{{endif}}'><i class="fa fa-circle"></i></span>&nbsp;{{endif}}{$subforum->_title}</a>

 

С выравниванием, тем более по разным столбцам не все так просто.

Ссылка на комментарий
Поделиться на другие сайты

11 минут назад, Cheshir сказал:

forums - front - index - forumRow (Классический вид)
forums - front - index - forumGridItem (Вид сеткой)

Оно с текстом в упор получается, можно как то расстояние изменить?) иконка любая становится очень близко

Ссылка на комментарий
Поделиться на другие сайты

Только что, Вячеслав Русаков сказал:

Оно с текстом в упор получается, можно как то расстояние изменить?) иконка любая становится очень близко

С css знакомы? дайте отступ этому классу и все.

Ссылка на комментарий
Поделиться на другие сайты

1 минуту назад, Cheshir сказал:

С css знакомы? дайте отступ этому классу и все.

Я вообще не в html не в чем не шарЮ)) 

Получилось вроде, по логике добавил после этого fa fa вот такую штуку &nbsp; и получился отступ)

Ссылка на комментарий
Поделиться на другие сайты

Только что, Вячеслав Русаков сказал:

Получилось вроде, по логике добавил после этого fa fa вот такую штуку &nbsp; и получился отступ)

Можно и пробел спецсимволом, только вариантов не много, если хотите вести свой проект, либо изучайте хотя бы html и css, либо готовьте деньги, чтобы это делали за вас.

Ссылка на комментарий
Поделиться на другие сайты

1 минуту назад, Вячеслав Русаков сказал:

Я вообще не в html не в чем не шарЮ)) 

Получилось вроде, по логике добавил после этого fa fa вот такую штуку &nbsp; и получился отступ)

Эта штука добавляет пробел, молодцы, что догадались, но можно и с css 

Ссылка на комментарий
Поделиться на другие сайты

Только что, Cheshir сказал:

Можно и пробел спецсимволом, только вариантов не много, если хотите вести свой проект, либо изучайте хотя бы html и css, либо готовьте деньги, чтобы это делали за вас.

Денег уже в так вложено много) иногда сам подправляю через коды, а когда не могу мелкое что-то сделать то обращаюсь. Последний вопрос, а можно ли как то сделать одну иконку прозрачной? чтобы было видно где прочтенные, а где нет?

Ссылка на комментарий
Поделиться на другие сайты

Только что, Вячеслав Русаков сказал:

Денег уже в так вложено много) иногда сам подправляю через коды, а когда не могу мелкое что-то сделать то обращаюсь. Последний вопрос, а можно ли как то сделать одну иконку прозрачной? чтобы было видно где прочтенные, а где нет?

можно, но надо прописывать стили) 

Спойлер

<a href="{$subforum->url()}">{{if !\IPS\forums\Topic::containerUnread( $subforum )}}<i class="fa fa-folder" id="folder-read"></i>{{endif}}{{if \IPS\forums\Topic::containerUnread( $subforum )}}<span class='ipsItemStatus ipsItemStatus_tiny {{if !\IPS\forums\Topic::containerUnread( $subforum ) && !$subforum->redirect_on}}ipsItemStatus_read{{endif}}'><i class="fa fa-folder"></i></span>&nbsp;{{endif}}{$subforum->_title}</a>

#folder-read {
    opacity: 0.8;
}

 

как то так

Ссылка на комментарий
Поделиться на другие сайты

Присоединяйтесь к обсуждению

Вы можете написать сейчас и зарегистрироваться позже. Если у вас есть аккаунт, авторизуйтесь, чтобы опубликовать от имени своего аккаунта.
Примечание: Ваш пост будет проверен модератором, прежде чем станет видимым.

Гость
Ответить в этой теме...

×   Вставлено с форматированием.   Вставить как обычный текст

  Разрешено использовать не более 75 эмодзи.

×   Ваша ссылка была автоматически встроена.   Отображать как обычную ссылку

×   Ваш предыдущий контент был восстановлен.   Очистить редактор

×   Вы не можете вставлять изображения напрямую. Загружайте или вставляйте изображения по ссылке.

  • Последние посетители   0 пользователей онлайн

    • Ни одного зарегистрированного пользователя не просматривает данную страницу
×
×
  • Создать...