Jump to content

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


Recommended Posts

t_reks найди в CSS

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

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

Link to comment
Share on other sites

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

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

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

background: #1e1f20;

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

?

Link to comment
Share on other sites

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

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

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

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

Link to comment
Share on other sites

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

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

 

Link to comment
Share on other sites

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

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

Спойлер

ets2_20210924_164600_00.thumb.png.feacb443a1cbbea41c885c48fa6bd8b8.png

 

Link to comment
Share on other sites

нашел только

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

в

857233871_.PNG.da4b9b3639558b58cd17b7c432377340.PNG

 

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

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

1329494319_.PNG.c62821657b4e5ec3e9d04664b8a2b935.PNG

border-radius: 8px;  

не сработало

Link to comment
Share on other sites

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

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

Link to comment
Share on other sites

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

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

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

не работает

ставил и #00000000 и transparent

кеш чистил:

728930584_.PNG.1b96349ea7686626a247d9f0bc092470.PNG

Link to comment
Share on other sites

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

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

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

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

918400544_.PNG.e0dcd6e203af1c59b6745fdaebdda69a.PNG

Link to comment
Share on other sites

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

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

 

Link to comment
Share on other sites

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

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

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

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

Link to comment
Share on other sites

/*====\\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;
}

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

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

Link to comment
Share on other sites

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

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

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

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

 

Link to comment
Share on other sites

  • 2 years later...
Posted (edited)
/*скругление лайков и прозрачность фона у них*/
.ipsReact_reactCount {
    background: rgba(61,61,61,0.2) !important;
    border-radius: 15px !important;
    border: 0px solid #6b8092 !important;
    height: 30px !important;
    padding-left: 0px !important;
}

.ipsReact_reactCount > span > span:last-child, .ipsReact_reactCount > a > span:last-child {
  background: rgba(61, 61, 61, 0);
  color: rgba(255,255,255,0.9);
}

/*лайки правка отображеия в сторонних браузерах*/
.ipsReact_reactCount span:last-child {
  background: #23233100;
  padding: 0 1px;
  margin: 0px;
}

 

Спойлер

01.PNG.689f93faab5df6103524b70da4ea0078.PNG

 

И все

Edited by aLEX49566
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.

  • Recently Browsing   0 members

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