База знань
Зміна значків на інтерактиві
Задача:
- Додамо ярлик "NEW" для будинку зID 31
- Додамо підстрибування написи "Будинок 1" для будинку з ID 31
- Замінимо текст напису "Будинок 7" на "Котедж 2"
- Задамо розмір шрифту 11px для надпису будинку з ID 32
Приклад https://web.flatris.com.ua/custom_badge.html
Для цього додамо наступний код на сторінці редагування об'єкта в розділіCSS стилі шахматки :
@keyframes bounce {
0% {
transform: translateY(0%);
}
100% {
transform: translateY(-20%);
}
}
.buildings-31-label.object-label {
animation-duration: 0.8s;
animation-name: bounce;
animation-iteration-count: infinite;
animation-direction: alternate;
}
.buildings-31-label.object-label:before {
content: 'NEW';
background: #ec6372;
color: #FFF;
font-size: 9px;
padding: 5px;
border-radius: 5px;
position: absolute;
right: 0px;
transform: translate(50%, -35%);
}
.buildings-32-label.object-label .label-type-value {
font-size: 0px;
}
.buildings-32-label.object-label .label-type-value:after {
content: "Коттедж 2";
font-size: 11px;
}
.buildings-32-label.object-label .label-name {
display:none;
}