Два вопроса, касающиеся кнопок в блоке .j-e-nav: 1. Можно ли заменить цифру с количеством комментариев на кнопку "# комментариев"? Изменения в соответствующем пункте меню в настройках стиля не дают никакого результата. 2. Можно ли переместить кнопки "# комментариев" и "оставить комментарий" вправо (т.е., в правый нижний угол записи)?
> 1. Можно ли заменить цифру с количеством комментариев на кнопку "# комментариев"? Изменения в соответствующем пункте меню в настройках стиля не дают никакого результата.
я правильно понимаю, что надо чтобы ссылка выглядела как кнопка? Это не совсем в тех настройках делается : )
По первому пункту: Нет, я имел в виду немного другое; не совсем точно сформулировал. Мне хотелось бы, чтобы ссылка на комментарии была не цифрой, а словосочетанием: "столько-то комментариев" (число + слово "комментарий/комментария/комментариев"). То есть, чтобы она выглядела так же, как ссылка "оставить комментарий".
Два вопроса, касающиеся кнопок в блоке .j-e-nav:
1. Можно ли заменить цифру с количеством комментариев на кнопку "# комментариев"? Изменения в соответствующем пункте меню в настройках стиля не дают никакого результата.
2. Можно ли переместить кнопки "# комментариев" и "оставить комментарий" вправо (т.е., в правый нижний угол записи)?
Заранее огромное спасибо.
Reply
я правильно понимаю, что надо чтобы ссылка выглядела как кнопка? Это не совсем в тех настройках делается : )
Код примерно такой:
.j-e-nav-item-comments A {
border-radius: 7px;
text-decoration: none;
background: #000;
color: #FFF;
padding: 2px 10px;
line-height: 1em;
}
2:
.j-e-nav-item {
float: right;
}
Reply
Нет, я имел в виду немного другое; не совсем точно сформулировал. Мне хотелось бы, чтобы ссылка на комментарии была не цифрой, а словосочетанием: "столько-то комментариев" (число + слово "комментарий/комментария/комментариев"). То есть, чтобы она выглядела так же, как ссылка "оставить комментарий".
Reply
.j-e-nav-item-comments A {
font-size: 0;
color: white;
}
.j-e-nav-item-comments A:before {
content: attr(title);
font-size: 20px;
}
Но это может странно выглядеть в браузерах, где пользователь задал минимальный размер шрифта больше 0 - там будет видна цифра комментариев
а вот так может совсем хорошо получиться:
.j-e-nav-item-comments A:after {
position: relative;
content: attr(title);
display: inline-block;
float: left;
background: white;
font-size: 24px;
}
коду могут потребоваться уточнения, надо смотреть что получается
Reply
Reply
Leave a comment