Jump to content

Color change (tooltip) in Invision Community 4 // Изменение цвета (подсказка) в Invision Community 4

Featured Replies

Posted
comment_191975

Здравствуйте, сегодня небольшой гайд как поменять цвет всплывающей подсказки в IPS 4, а именно:

1229196863_Beztytuu.png.d7e6d40afe3cea82bcfee5f3c9e13990.png.0d94657b4257e8c76c78221c86d26aa3.png

Ваш шаблон -> Редактировать HTML/CSS -> CSS -> core -> front -> custom -> __cc__popup и мы ищем

.ipsTooltip

image.png.a991b2daabf7e2bcf7f42c730c817514.png.a8e7076d0e28cc232090139e9d6945f1.png

Код ниже:

.ipsTooltip.ipsTooltip_top:after {
	border-color: #ef774d transparent transparent transparent;
}

.ipsTooltip.ipsTooltip_bottom:after {
	border-color: transparent transparent #ef774d transparent;
}

отвечает за стрелку ниже:

2.png.c7aeb1c58a701c019e2ebd6addcd9215.png.524c549ace194a4c826a2d7f008af0e6.png

 

English

Hello, today a small guide on how to change the color of the tooltip in IPS 4, that is:

1229196863_Beztytuu.png.d7e6d40afe3cea82bcfee5f3c9e13990.png.0d94657b4257e8c76c78221c86d26aa3.png

Your template -> Edit HTML/CSS -> CSS -> core -> front -> custom -> __cc__popup and we are looking

.ipsTooltip

image.png.a991b2daabf7e2bcf7f42c730c817514.png.a8e7076d0e28cc232090139e9d6945f1.png

Code below:

.ipsTooltip.ipsTooltip_top:after {
	border-color: #ef774d transparent transparent transparent;
}

.ipsTooltip.ipsTooltip_bottom:after {
	border-color: transparent transparent #ef774d transparent;
}

is responsible for the arrow below:

2.png.c7aeb1c58a701c019e2ebd6addcd9215.png.524c549ace194a4c826a2d7f008af0e6.png

 

Credit to RumcajsJumper

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
Ответить в этой теме...

Последние посетители 0

  • No registered users viewing this page.