Efeito Favoritos

O visualizador exibe ícones Favoritos sobre a exibição principal nos locais em que ele foi adicionado originalmente pelo usuário.

A aparência do ícone Favorito é controlada com o seguinte seletor de classe CSS:

.s7ecatalogviewer .s7favoriteseffect .s7icon

Propriedades CSS do ícone Favorito

imagem de fundo

A imagem exibida para o ícone.

posição de fundo

Posição dentro da estrutura de arte, se os sprites CSS forem usados.

Consulte também Sprites CSS .

width

Largura do ícone.

altura

Altura do ícone.

Exemplo - configure um ícone de 36 x 36 pixels Favoritos.

.s7ecatalogviewer .s7favoriteseffect .s7icon { 
 height: 36px; 
 width: 36px;  
 background-image: url(images/v2/FavoriteEffect_dark_up.png); 
}

Em sistemas de desktop, o componente suporta o seletor de atributos cursortype que você pode aplicar à classe .s7favoriteseffect e controla o tipo do cursor com base na ação do usuário selecionado. Os seguintes valores cursortype são suportados:

mode_add

O usuário exibido está adicionando um novo ícone Favorito.

mode_remove

O usuário exibido está removendo um ícone Favorito existente.

mode_view

Exibido no modo de operação normal quando a edição de Favoritos não está ativa.

Exemplo - tem cursores de mouse diferentes para cada tipo de estado de componente.

.s7ecatalogviewer .s7favoriteseffect[cursortype="mode_add"] { 
cursor: crosshair; 
} 
.s7ecatalogviewer .s7favoriteseffect[cursortype="mode_remove"] { 
cursor: not-allowed; 
} 
.s7ecatalogviewer .s7favoriteseffect[cursortype="mode_view"] { 
cursor: auto; 
}

Nesta página

Adobe Maker Awards Banner

Time to shine!

Apply now for the 2021 Adobe Experience Maker Awards.

Apply now
Adobe Maker Awards Banner

Time to shine!

Apply now for the 2021 Adobe Experience Maker Awards.

Apply now