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

Реакции и скин


t_reks

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

Как исправить отображение реакции для гостя?

2.PNG.ce6fe9e00649d3663a9bcfee5a006c42.PNG

После авторизации проблем нет:

1.PNG.c1940947b72110dc29aa7b1b66a07553.PNG

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

t_reks найди в CSS

.ipsReact_reactCount span:last-child {
    background: #1e1f20;
    padding: 0 9px;
}

удалить цвет или заменить на свой в  background: #1e1f20;

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

Если заменить цвет, не будет после проблем с отображением у других групп?

При публикации фон у каждой группы порой разный- от черного до зеленого.

Мне полностью удалить строку?

background: #1e1f20;

Или только #1e1f20

?

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

4 минуты назад, t_reks сказал:

Мне полностью удалить строку?

именно так. полностью удалить background: #1e1f20;

и посмотреть с разных групп как это будет выглядеть. ну и желательно с разных браузеров.

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

А как сделать иконки реакции в овале, как у вас?

Искал новые версии или плагин, не нашел.

 

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

t_reks прописать бордер и поставить нужные цифры-размер

.ipsReact_reactCount span:last-child {
    background: #1e1f20;
    padding: 0 9px;
    border-radius: 8px;
}

Спойлер

ets2_20210924_164600_00.thumb.png.feacb443a1cbbea41c885c48fa6bd8b8.png

 

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

нашел только

.ipsReact_reactCount span:last-child {
        padding: 0 4px;
    }

в

857233871_.PNG.da4b9b3639558b58cd17b7c432377340.PNG

 

и тут нет никакого фона и указания цвета ...

я за этот бордюр имел ввиду:

1329494319_.PNG.c62821657b4e5ec3e9d04664b8a2b935.PNG

border-radius: 8px;  

не сработало

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

t_reks тогда просто добавь этот код в кастом

.ipsReact_reactCount span:last-child {
    background: #1e1f20;   тут настрой цвет на прозрачный
    border-radius: 8px;
}

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

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

1053830447_.PNG.9d78dea7920738ed9ea0364486e6d26c.PNG

или хотя бы овал

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

12 минут назад, SlawkA сказал:

t_reks тогда просто добавь этот код в кастом

.ipsReact_reactCount span:last-child {
    background: #1e1f20;   тут настрой цвет на прозрачный
    border-radius: 8px;
}

не работает

ставил и #00000000 и transparent

кеш чистил:

728930584_.PNG.1b96349ea7686626a247d9f0bc092470.PNG

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

возможно, не в том файле правку делаю

нашел всего три файла

везде исправил

на выходе ноль

918400544_.PNG.e0dcd6e203af1c59b6745fdaebdda69a.PNG

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

у тебя замещение идет из кастомной секции css, это даже в исходнике видно как бы. Там же и изменить "бордюр":

.ipsReact_reactCount {
  background: rgba(61,61,61,0.2);
  border-color: rgb(255 255 255 / 5%);
  border-radius: 10px;
}

 

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

ZIKURIK а в каком именно файле заменить?

кастомная секция ... это как найти?

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

12 минут назад, t_reks сказал:

ZIKURIK а в каком именно файле заменить?

кастомная секция ... это как найти?

ipsReact_reactCount в поиске
css файлы группы custom

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

/*====\\Reputation//====>*/
	.ipsReact_button,
.ipsReact_types ul,
.ipsReact_name,
body.ipsApp_noTouch .ipsReact_types:hover .ipsReact_button,
body:not( .ipsApp_noTouch ) .ipsReact_types.ipsReact_types_active .ipsReact_button {
	background: {hextorgb="react_bg" opacity="0.70"};
}
.ipsReact_reactCount {
	background: {hextorgb="light_button" opacity="0.2"};
	border-color: rgba(0,0,0,0.03);
}
.ipsReact_reactCount > span > span:last-child,
.ipsReact_reactCount > a > span:last-child {
	background: {hextorgb="light_button" opacity="0.5"};
	color: {hextorgb="light_button_font" opacity="0.90"};
}
.ipsReact_unreact {
	background: {hextorgb="light_button" opacity="0.90"};
	color: {hextorgb="light_button_font" opacity="0.90"};
}
.ipsReactOverview ul img{
	border: 2px solid {hextorgb="react_bg" opacity="0.90"};
}
.ipsReact_reactCount{
	padding-left: 5px;
}
.ipsReact_reactCount span:last-child{
	background: {theme="react_bg"};
	padding: 0 9px;
}
html[dir="ltr"] .ipsReact_types ul li {
    padding: 0 2px;
}
html[dir="ltr"] .ipsReact_blurb:not( .ipsHide ) + .ipsReact_types{
	border-left: 1px solid {theme="react_bg"};
}
html[dir="rtl"] .ipsReact_unreact{
	left: -7px;
	top: -7px;
}
html[dir="ltr"] .ipsReact_unreact{
	right: -7px;
	top: -7px;
}

тут несколько раз повторяется данная строка

куда именно вставить?

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

при авторизации

1481315895_.PNG.4bc5199a4adef13efd752ba9d2456699.PNG

гостем

2.PNG.564aef24d97e82d092a3e7b34ccc1bf6.PNG

фон так и остался, и выходит за рамки бордюра ... 😔

ZIKURIK 

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

14 минут назад, t_reks сказал:

фон так и остался

ну так у тебя в коде так и прописано потому что:

.ipsReact_reactCount span:last-child{
	background: {theme="react_bg"};
	padding: 0 9px;
}

 

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

ZIKURIK спасибо, теперь сработало!

а как сделать такой бордюр?

1053830447_.PNG.9d78dea7920738ed9ea0364486e6d26c.PNG

серый, который

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

ZIKURIK спасибо большое за помощь!

Всё работает ).

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

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

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

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

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

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

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

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

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

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

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