설명서Dynamic Media 뷰어 참조 안내서

즐겨찾기 단추 추가 add-favorite-button

Last update: Mon Jul 22 2024 00:00:00 GMT+0000 (Coordinated Universal Time)
  • 주제:

작성 대상:

  • 개발자
  • 사용자

즐겨찾기 추가 버튼의 위치는 즐겨찾기 메뉴에서 완전히 관리됩니다.

다음 CSS 클래스 선택기를 사용하여 즐겨찾기 추가 버튼의 모양이 제어됩니다.

.s7ecatalogsearchviewer .s7addfavoritebutton

즐겨찾기에 추가 단추의 CSS 속성

배경 이미지
지정된 단추 상태에 대해 표시되는 이미지입니다.
백그라운드 위치

CSS 스프라이트를 사용하는 경우 아트워크 스프라이트 내부에 배치합니다.

CSS 스프라이트도 참조하십시오.

너비
단추의 폭입니다.
높이
단추의 높이입니다.
NOTE
이 단추는 state 및 selected 특성 선택기를 모두 지원합니다. 이 선택기는 다른 단추 상태에 다른 스킨을 적용하는 데 사용할 수 있습니다. 특히 selected='true'은(는) 사용자가 선택하거나 탭하여 새 즐겨찾기 아이콘을 추가할 수 있는 상태입니다. 반면 selected='false'은(는) 사용자가 페이지를 확대/축소, 패닝 및 교환할 수 있는 일반 작업 모드에 해당합니다.

단추 도구 설명을 현지화할 수 있습니다. 자세한 내용은 사용자 인터페이스 요소의 지역화를 참조하십시오.

예 - 28 x 28픽셀이며 선택 또는 선택 안 함 시 4개의 서로 다른 단추 상태 각각에 대해 다른 이미지를 표시하는 즐겨찾기 추가 단추를 설정합니다.

.s7ecatalogsearchviewer .s7addfavoritebutton {
 width:28px;
 height:28px;
}
.s7ecatalogsearchviewer .s7addfavoritebutton[selected='false'][state='up'] {
background-image:url(images/v2/AddFavoriteButton_dark_up.png);
}
.s7ecatalogsearchviewer .s7addfavoritebutton[selected='false'][state='over'] {
background-image:url(images/v2/AddFavoriteButton_dark_over.png);
}
.s7ecatalogsearchviewer .s7addfavoritebutton[selected='false'][state='down'] {
background-image:url(images/v2/AddFavoriteButton_dark_down.png);
}
.s7ecatalogsearchviewer .s7addfavoritebutton[selected='false'][state='disabled'] {
background-image:url(images/v2/AddFavoriteButton_dark_disabled.png);
}
.s7ecatalogsearchviewer .s7addfavoritebutton[selected='true'][state='up'] {
background-image:url(images/v2/AddFavoriteButton_dark_over.png);
}
.s7ecatalogsearchviewer .s7addfavoritebutton[selected='true'][state='over'] {
background-image:url(images/v2/AddFavoriteButton_dark_over.png);
}
.s7ecatalogsearchviewer .s7addfavoritebutton[selected='true'][state='down'] {
background-image:url(images/v2/AddFavoriteButton_dark_over.png);
}
.s7ecatalogsearchviewer .s7addfavoritebutton[selected='true'][state='disabled'] {
background-image:url(images/v2/AddFavoriteButton_dark_disabled.png);
}
recommendation-more-help
b7426f53-aad9-4c00-83fc-664f30f681e8