Difference between revisions of ":CSS Sprites"
(→CSS Sprites) |
(→CSS) |
||
| (16 intermediate revisions by the same user not shown) | |||
| Line 1: | Line 1: | ||
=CSS Sprites= | =CSS Sprites= | ||
| − | URL: [https://dahuawiki.com/images/9/94/Css_sprites.png] | + | URL: [https://dahuawiki.com/images/9/94/Css_sprites.png https://dahuawiki.com/images/9/94/Css_sprites.png] |
[[file:Css_sprites.png]] | [[file:Css_sprites.png]] | ||
| Line 69: | Line 69: | ||
background: url('css_sprites.png') -10px -250px; | background: url('css_sprites.png') -10px -250px; | ||
} | } | ||
| + | </code> | ||
| + | ==Background Image== | ||
| + | <code> | ||
| + | .bg-Software_Red_New_Icon, .bg-Storage_Red_New_Icon, .bg-PTZ_Red_New_Icon, .bg-NVR_Red_New_Icon, .bg-Network_Switch_Red_New_Icon, .bg-Network_Camera_Red_New_Icon, .bg-IVS_Red_New_Icon, .bg-HDCVI_Recorder_Red_New_Icon, .bg-HDCVI_Camera_Red_New_Icon, .bg-EZ_IP_Red_New_Icon, .bg-Video_Intercom_Red_New_Icon, .bg-Transmission_Red_New_Icon, .bg-Thermal_Red_New_Icon { | ||
| + | background-image: url('https://dahuawiki.com/images/9/94/Css_sprites.png'); | ||
| + | background-repeat: no-repeat; | ||
| + | } | ||
| + | </code> | ||
| + | ==CSS== | ||
| + | [[file:Css_sprites.png|class=bg-Transmission_Red_New_Icon|95px]] | ||
| − | + | [[file:Css_sprites.png|class=bg-HDCVI_Camera_Red_New_Icon]] | |
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
Latest revision as of 19:33, 15 October 2020
CSS Sprites
URL: 
Individual CSS
.bg-Thermal_Red_New_Icon {
width: 60px; height: 60px;
background: url('css_sprites.png') -10px -10px;
}
.bg-Transmission_Red_New_Icon {
width: 60px; height: 60px;
background: url('css_sprites.png') -90px -10px;
}
.bg-Video_Intercom_Red_New_Icon {
width: 60px; height: 60px;
background: url('css_sprites.png') -10px -90px;
}
.bg-EZ_IP_Red_New_Icon {
width: 60px; height: 60px;
background: url('css_sprites.png') -90px -90px;
}
.bg-HDCVI_Camera_Red_New_Icon {
width: 60px; height: 60px;
background: url('css_sprites.png') -170px -10px;
}
.bg-HDCVI_Recorder_Red_New_Icon {
width: 60px; height: 60px;
background: url('css_sprites.png') -170px -90px;
}
.bg-IVS_Red_New_Icon {
width: 60px; height: 60px;
background: url('css_sprites.png') -10px -170px;
}
.bg-Network_Camera_Red_New_Icon {
width: 60px; height: 60px;
background: url('css_sprites.png') -90px -170px;
}
.bg-Network_Switch_Red_New_Icon {
width: 60px; height: 60px;
background: url('css_sprites.png') -170px -170px;
}
.bg-NVR_Red_New_Icon {
width: 60px; height: 60px;
background: url('css_sprites.png') -250px -10px;
}
.bg-PTZ_Red_New_Icon {
width: 60px; height: 60px;
background: url('css_sprites.png') -250px -90px;
}
.bg-Software_Red_New_Icon {
width: 60px; height: 60px;
background: url('css_sprites.png') -250px -170px;
}
.bg-Storage_Red_New_Icon {
width: 60px; height: 60px;
background: url('css_sprites.png') -10px -250px;
}
Background Image
.bg-Software_Red_New_Icon, .bg-Storage_Red_New_Icon, .bg-PTZ_Red_New_Icon, .bg-NVR_Red_New_Icon, .bg-Network_Switch_Red_New_Icon, .bg-Network_Camera_Red_New_Icon, .bg-IVS_Red_New_Icon, .bg-HDCVI_Recorder_Red_New_Icon, .bg-HDCVI_Camera_Red_New_Icon, .bg-EZ_IP_Red_New_Icon, .bg-Video_Intercom_Red_New_Icon, .bg-Transmission_Red_New_Icon, .bg-Thermal_Red_New_Icon {
background-image: url('https://dahuawiki.com/images/9/94/Css_sprites.png');
background-repeat: no-repeat;
}
CSS
