상품명 | 우축 사이드빠 설정 변경하기 |
---|---|
제조사 | 자체제작 |
원산지 | 국내 |
판매가 | 설정방법 |
상품코드 | P00000BG |
수량 | ![]() ![]() |
트렌드 | 기본트렌드 |
국내·해외배송 | 국내배송 |
배송방법 | 택배 |
배송비 | 무료 |
SNS 상품홍보 | ![]() ![]() |
---|
![]() |
(최소주문수량 1개 이상 / 최대주문수량 0개 이하)
위 이미지처럼 해당부분으로 들어 가셔서 파일을 열어줍니다.
초기 접속시 오픈상태였던 설정을 닫은상태로 보여주고 오픈시 열기로 설정하는 방법입니다.
파일을 열면 멘 하단에
/*감춤 알리미*/
.skyScraper_v6 {padding:40px 0px 0px 0px; top: 0px; height: 100%; right: 0px; position: fixed; background-color: #fff; border-left:1px solid #E2E2E4; z-index:0;}
.skyScraper_v6 .controlPanel {margin: -37px 0px 0px; left: -12px; top: 50%; width: 30px; height: 75px; position: absolute; z-index:0;}
.skyScraper_v6 .controlPanel a {background: url("/web/upload/0516/CO.gif") 0px 0px no-repeat; width: 19px; height: 75px; text-indent: -9999px; display: block; /* 비오픈시 버튼위치 */}
.open.skyScraper_v6 { /* 오픈시 가로사이즈 */ width: 0px; }
.open.skyScraper_v6 .controlPanel a.openRod { display: none;margin: 0px 0px 0px -20px;}
.close.skyScraper_v6 { /* 비오픈시 가로사이즈 */ width: 330px; min-height: 100%; position:fixed; right:-245px;}/*내용 크기*/
.close.skyScraper_v6 .controlPanel a.closeRod { display: none;}
.skyScraper_v6 .controlPanel a.closeRod { /* 오픈시 버튼위치 */ left: -4px; top: 0; width: 19px; height: 75px; position: absolute; background-position: -16px -0px;}
.ds-sky TD{height:30px;border-bottom:1px solid #dededf; line-height: 42px; font-family:Dotum, 돋움, Gulim, 굴림, Sans-serif; font-size: 11px; letter-spacing: -1px;}
.ds-sky TD a{color: #888;}
와 같은 부분이 보여집니다.
위 부분에서
.open.skyScraper_v6 { /* 오픈시 가로사이즈 */ width: 0px; }
이부분이 오픈 버튼을 누르면 열러지는 사이즈 입니다.
.open.skyScraper_v6 { /* 오픈시 가로사이즈 */ width: 0px; }
을
.open.skyScraper_v6 { /* 오픈시 가로사이즈 */ width: 150px; }
으로 변경합니다.
그리고
.close.skyScraper_v6 { /* 비오픈시 가로사이즈 */ width: 330px; min-height: 100%; position:fixed; right:-245px;}/*내용 크기*/
부분을
.close.skyScraper_v6 { /* 비오픈시 가로사이즈 */ width: 0px; min-height: 100%; position:fixed; right:-0px;}/*내용 크기*/
이렇게 수정하시면
초기에 쇼핑몰 접속시에
닫기상태로 보여지게 되고 열기버튼을 누루시면 열리기 됩니다.