메인배너 슬라이드 현재위치 강조
팁이라고 하기엔... 너무 간단해서 그냥 올립니다^^.
메인배너 슬라이드 될때 아래 부분에 원형태로 색상만 바뀌는데~ 좀더 눈에 뜨게 할 방법이 없을까 해서
적용해보았습니다
방법은 간단합니다.
/css/apms.css 파일을 여시면
*********************************************************
.carousel.div-carousel .carousel-indicators .active {
background: #ff3300;
background: rgba(255, 34, 0, 0.9);
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;
width:20px;
}
**********************************************************
이런부분이 있습니다^^ (파일내검색등으로 찾으면됨)
*********************************************************
.carousel.div-carousel .carousel-indicators .active {
background: #ff3300;
background: rgba(255, 34, 0, 0.9);
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;
width:40px;
}
**********************************************************
width만 바꾸시면 됩니다. 더 길게도 가능합니다~
실제 적용된것은 아래 사이트에서 확인하세요