Перейти к публикации
Дизайн и модификация IPS Community IPBSkinsBETA
Поиск в
  • Дополнительно...
Искать результаты, содержащие...
Искать результаты в...
t_reks

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

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

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

2.PNG.ce6fe9e00649d3663a9bcfee5a006c42.PNG

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

1.PNG.c1940947b72110dc29aa7b1b66a07553.PNG

и как сделать вот так ( овал )

1053830447_.PNG.9d78dea7920738ed9ea0364486e6d26c.PNG

Поделиться сообщением


Ссылка на сообщение
1 час назад, t_reks сказал:

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

Нужно смотреть исходный код страницы, видимо у вас какое-то условие, при котором добавляется класс к родительскому контейнеру или может меняется css переменная отвечающая за цвет.

 

1 час назад, t_reks сказал:

и как сделать вот так ( овал )

Как-то так:

.ipsReact_reactCount {
    display: inline-block;
    border: 1px solid #6b8092;
    border-radius: 50%;
    padding: 3px;
}

 

  • Like 1

Поделиться сообщением


Ссылка на сообщение
/*====\\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;
}

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

Поделиться сообщением


Ссылка на сообщение

Наверное должно быть очевидно, что если используется класс:

.ipsReact_reactCount

То его и нужно найти и модифицировать.

2021-11-04_14-31-16.png

 

И необходимо обратить внимание, что если скин платныйсудя по css комментариям, все такие правки лучше вносить в custom.css, а не трогать стили "ядра" темы, для облегчения обновления в будущем, это в том случае если сделан правильно кастомный скин.

  • Like 1

Поделиться сообщением


Ссылка на сообщение

а как всё же решить проблему с черным фоном?

и, всё же хотелось овал, как на скрине ...

если можно ...

сейчас как-то не особо ...

1501894088_.PNG.f2659a26b8a058c4a77bcbf64a24f629.PNG

Поделиться сообщением


Ссылка на сообщение

Да, нужно было задать параметр высоты - height: 25px;

Попробуйте так, ещё здесь фон теперь прозрачный задан, должно решить проблему.

.ipsReact_reactCount {
    background: transparent !important;
    display: inline-block;
    border: 1px solid #6b8092;
    border-radius: 50%;
    padding: 3px;
    height: 25px;
}
  • Like 1

Поделиться сообщением


Ссылка на сообщение

1293545879_.PNG.b27f63cb16cf4d03e35860c1a0d7c322.PNG

без авторизации

2.PNG.89f284ef8c73013885ae6a671be1f1c9.PNG

 

Поделиться сообщением


Ссылка на сообщение

Ссылку на страницу в студию, и всё будет понятно, а то сейчас гадание на кофейной гуще.)

  • Upvote 1

Поделиться сообщением


Ссылка на сообщение

подсказали исправить строку: 

.ipsReact_reactCount span:last-child{

фон вроде стал прозрачный

осталось разобраться с бордюром

Поделиться сообщением


Ссылка на сообщение

У вас сейчас так:

image.png

 

А нужно так:

image.png

 

Код:

.ipsReact_reactCount {
    background: rgba(61,61,61,0.2) !important;
    border-radius: 12.5px !important;
    border: 1px solid #6b8092 !important;
    height: 25px;
}

 

Если всё таки фон нужен прозрачный, то:

background: transparent !important;

Поделиться сообщением


Ссылка на сообщение

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

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

Поделиться сообщением


Ссылка на сообщение

Создайте аккаунт или войдите в него для комментирования

Вы должны быть пользователем, чтобы оставить комментарий

Создать аккаунт

Зарегистрируйтесь для получения аккаунта. Это просто!

Зарегистрировать аккаунт

Войти

Уже зарегистрированы? Войдите здесь.

Войти сейчас

  • Сейчас на странице   0 пользователей

    Нет пользователей, просматривающих эту страницу.

×
×
  • Создать...