Knop Sluiten close-button
Als u deze knop selecteert, wordt de bijbehorende webpagina gesloten. Deze knop wordt alleen weergegeven als de parameter closeButton is ingesteld op 1. U kunt deze knop vergroten, verkleinen, verkleinen en plaatsen met CSS.
CSS eigenschappen van het belangrijkste viewergebied
De vormgeving van de knop wordt bepaald door de volgende CSS-klassenkiezer:
.s7spinviewer .s7closebutton
Positie binnen illustratie-sprite, als CSS-sprites worden gebruikt.
Zie CSS-sprites.
state , die kan worden gebruikt om verschillende skins toe te passen op verschillende knoptoestanden.De knopinfo kan worden gelokaliseerd. Zie Localisatie van gebruikersinterfaceelementenvoor meer informatie.
Voorbeeld - Een knop Sluiten van 32 x 32 pixels instellen en 6 pixels van de boven- en rechterrand van de viewer plaatsen. En tenslotte, toont een verschillend beeld voor elk van de vier verschillende knoopstaten.
.s7spinviewer .s7closebutton {
top:6px;
right:6px;
width:32px;
height:32px;
}
.s7spinviewer .s7closebutton [state='up'] {
background-image:url(images/v2/CloseButton_dark_up.png);
}
.s7spinviewer .s7closebutton [state='over'] {
background-image:url(images/v2/CloseButton_dark_over.png);
}
.s7spinviewer .s7closebutton [state='down'] {
background-image:url(images/v2/CloseButton_dark_down.png);
}
.s7spinviewer .s7closebutton [state='disabled'] {
background-image:url(images/v2/CloseButton_dark_disabled.png);
}