Панелька на главной как сделать

[TwiX]

Панелька на главной как сделать
Вот скрин

 

[DEVIL]

Шаблон node_forum_level_2
Ищешь такой код:

<div class="nodeStats pairsInline">
                <dl><dt>{xen:phrase discussions}:</dt> <dd>{xen:if $forum.privateInfo, '&ndash;', {xen:number $forum.discussion_count}}</dd></dl>
                <dl><dt>{xen:phrase messages}:</dt> <dd>{xen:if $forum.privateInfo, '&ndash;', {xen:number $forum.message_count}}</dd></dl>

Заменяешь на

<div class="nodeStats pairsInline">
                <dl><dt><i class="fa fa-file-o Tooltip" style="padding-right: 3px;"></i>{xen:phrase discussions}:</dt> <dd>{xen:if $forum.privateInfo, '&ndash;', {xen:number $forum.discussion_count}}</dd></dl>
                <dl><dt><i class="fa fa-comments-o Tooltip" style="padding-left: 15px; padding-right: 3px;"></i>{xen:phrase messages}:</dt> <dd>{xen:if $forum.privateInfo, '&ndash;', {xen:number $forum.message_count}}</dd></dl>

Подравняешь сам padding-right / padding-left

 

[TwiX]

Такая ошибка

 

[DEVIL]

100% ты что-то лишнее удалил/вставил.

 

[Mirovinger]

А ничего, что в стиле может быть свой синтаксис и условия, настройки.=)

 

[TwiX]

Всё получилось ну помогите сделать вот так до такого вида


У меня вот так щас


P.S Я пробывал подправлять padding-right / padding-left
Ну не могу сделать до такого вида

 

[BIOMOND]

Всё получилось ну помогите сделать вот так до такого вида
Посмотреть вложение 64560

У меня вот так щас
Посмотреть вложение 64561

P.S Я пробывал подправлять padding-right / padding-left
Ну не могу сделать до такого вида

Дак посмотрите в html буке "выравнивание по правому краю" и сидите допетривайте))
Учитесь самостоятельности :redface:

Не по теме

ох уж эти хакеры :facepalm:

 

[Airen]

Фаербаг не поможет подстмотреть?

 

[Huodus]

TwiX, смогли до конца реализовать?

 

[TwiX]

Huodus, Да, ну в итоге он не смотрится, его убрал и сделал в строку

 

[unconfirmed]

.в node_forum_level_2
код

<dl><dt>{xen:phrase discussions}:</dt> <dd>{xen:if $forum.privateInfo, '&ndash;', {xen:number $forum.discussion_count}}</dd></dl>
                <dl><dt>{xen:phrase messages}:</dt> <dd>{xen:if $forum.privateInfo, '&ndash;', {xen:number $forum.message_count}}</dd></dl>

заменить на

<dl><dt><i class="fa fa-file-o" aria-hidden="true"></i></dt> <dd>{xen:if $forum.privateInfo, '&ndash;', {xen:number $forum.discussion_count}}</dd></dl>
                <dl><dt><i class="fa fa-comments-o" aria-hidden="true"></i></dt> <dd>{xen:if $forum.privateInfo, '&ndash;', {xen:number $forum.message_count}}</dd></dl>

В шаблоне node_list.css у CSS класса .nodeStats dl, .subForumsPopup убрать float: left; и поставить margin-right: 0;.
В этом же шаблоне CSS классу .node .nodeStats
добавить строку float: right;

 

[Mirovinger]

В шаблоне node_list.css у CSS класса .nodeStats dl, .subForumsPopup убрать float: left; и поставить margin-right: 0;.
В этом же шаблоне CSS классу .node .nodeStats
добавить строку float: right;

Поправочка, это можно сделать не правя шаблон.

 

[unconfirmed]

Поправочка, это можно сделать не правя шаблон.

.каким образом?

 

[Mirovinger]

Стилизацию как-то так, в EXTRA.css.

.forum_list .nodeStats dl {
  float: none;
  margin-right: 0;
}

.forum_list .node .nodeStats {
  float: right;
  margin-top: -14px;
}

 

[Huodus]

Mirovinger, как сделать его еще правее на 2px?

 

[bphmth]

margin-right: 0; на margin-right: 2px; ?

 

[Huodus]

bphmth, не помогло
наоборот подвинулось налево

 

[bphmth]

тогда -2px поставь :-) Л - логика

 

[Huodus]

bphmth, пробовал давно. не помогло