Jump to content

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


 Share

Recommended Posts

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

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

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

1.png.bc8f903e111e453b86061b62139ee9df.png

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

2.png.9e89f34cba0775ca3a49c376aa41dd0e.png

 

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

Link to comment
Share on other sites

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>

 

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

Link to comment
Share on other sites

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

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

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

Link to comment
Share on other sites

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

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

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

Link to comment
Share on other sites

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

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

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

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

Link to comment
Share on other sites

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

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

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

Link to comment
Share on other sites

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

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

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

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

Link to comment
Share on other sites

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

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

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

Link to comment
Share on other sites

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

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

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

Спойлер
<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;
}

 

как то так

Link to comment
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

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

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

 Share

  • Recently Browsing   0 members

    • No registered users viewing this page.
×
×
  • Create New...