망고쥬스
2017-08-04 18:25
조회: 796
추천: 0
인장 문의드립니다('메우'님의 세로 메뉴 인장 틀 관련)기존 세로메뉴탭의 위치를 좌측에서 우측으로 바꾸고싶은데 탭의 모양과 위치는 우측으로 바꿨지만 각 탭을 클릭했을 때 나타나는 효과 역시 반대로 바꾸고싶은데 해결이 되지않아 문의드립니다. 탭을 클릭 시 아래 이미지처럼 그 탭이 우측으로 길어지는 효과를 탭의 위치를 반대로 우측으로 바꾸었을 때도 탭을 클릭하면 좌측으로 길어지게 하고싶은데 어떤 부분을 고쳐야하는지 모르겠네요 ㅠ 현재 제 스크립트와 기존 스크립트 둘 다 참고용으로 올려둘게요! 지금 제 스크립트 (세로메뉴탭 위치가 우측) <div data-inven-tabs style="padding-top: 40px;"><div style="float: right;"><div data-inven-tab-for="0" data-inven-selected-css="{'_SELF_':{'paddingLeft':'6px'}}" data-inven-unselected-css="{'_SELF_':{'paddingLeft':'2px'}}" style="width: 12px; margin: 6px 0; padding: 4px 2px; border-radius: 6px 0 0 6px; background-color: rgba(255, 0, 127, 0.5); color: white; cursor: pointer;">1</div><div data-inven-tab-for="1" data-inven-selected-css="{'_SELF_':{'paddingLeft':'6px'}}" data-inven-unselected-css="{'_SELF_':{'paddingLeft':'2px'}}" style="width: 12px; margin: 6px 0; padding: 4px 2px; border-radius: 6px 0 0 6px; background-color: rgba(255, 0, 127, 0.5); color: white; cursor: pointer;">2</div><div data-inven-tab-for="2" data-inven-selected-css="{'_SELF_':{'paddingLeft':'6px'}}" data-inven-unselected-css="{'_SELF_':{'paddingLeft':'2px'}}" style="width: 12px; margin: 6px 0; padding: 4px 2px; border-radius: 6px 0 0 6px; background-color: rgba(255, 0, 127, 0.5); color: white; cursor: pointer;">3</div><div data-inven-tab-for="3" data-inven-selected-css="{'_SELF_':{'paddingLeft':'6px'}}" data-inven-unselected-css="{'_SELF_':{'paddingLeft':'2px'}}" style="width: 12px; margin: 6px 0; padding: 4px 2px; border-radius: 6px 0 0 6px; background-color: rgba(255, 0, 127, 0.5); color: white; cursor: pointer;">4</div> <div data-inven-tab-for="4" data-inven-selected-css="{'_SELF_':{'paddingLeft':'6px'}}" data-inven-unselected-css="{'_SELF_':{'paddingLeft':'2px'}}" style="width: 12px; margin: 6px 0; padding: 4px 2px; border-radius: 6px 0 0 6px; background-color: rgba(255, 0, 127, 0.5); color: white; cursor: pointer;">5</div> <div data-inven-tab-for="5" data-inven-selected-css="{'_SELF_':{'paddingLeft':'6px'}}" data-inven-unselected-css="{'_SELF_':{'paddingLeft':'2px'}}" style="width: 12px; margin: 6px 0; padding: 4px 2px; border-radius: 6px 0 0 6px; background-color: rgba(255, 0, 127, 0.5); color: white; cursor: pointer;">6</div><!--새 버튼 추가하는 곳--></div> 수정 전 스크립트 (세로메뉴탭 위치가 좌측) <div data-inven-tabs style="padding-top: 40px;"><div style="float: left;"><div data-inven-tab-for="0" data-inven-selected-css="{'_SELF_':{'paddingLeft':'6px'}}" data-inven-unselected-css="{'_SELF_':{'paddingLeft':'2px'}}" style="width: 12px; margin: 6px 0; padding: 4px 2px; border-radius: 0 6px 6px 0; background-color: rgba(255, 0, 127, 0.5); color: white; cursor: pointer;">1</div><div data-inven-tab-for="1" data-inven-selected-css="{'_SELF_':{'paddingLeft':'6px'}}" data-inven-unselected-css="{'_SELF_':{'paddingLeft':'2px'}}" style="width: 12px; margin: 6px 0; padding: 4px 2px; border-radius: 0 6px 6px 0; background-color: rgba(255, 0, 127, 0.5); color: white; cursor: pointer;">2</div><div data-inven-tab-for="2" data-inven-selected-css="{'_SELF_':{'paddingLeft':'6px'}}" data-inven-unselected-css="{'_SELF_':{'paddingLeft':'2px'}}" style="width: 12px; margin: 6px 0; padding: 4px 2px; border-radius: 0 6px 6px 0; background-color: rgba(255, 0, 127, 0.5); color: white; cursor: pointer;">3</div><div data-inven-tab-for="3" data-inven-selected-css="{'_SELF_':{'paddingLeft':'6px'}}" data-inven-unselected-css="{'_SELF_':{'paddingLeft':'2px'}}" style="width: 12px; margin: 6px 0; padding: 4px 2px; border-radius: 0 6px 6px 0; background-color: rgba(255, 0, 127, 0.5); color: white; cursor: pointer;">4</div> <div data-inven-tab-for="4" data-inven-selected-css="{'_SELF_':{'paddingLeft':'6px'}}" data-inven-unselected-css="{'_SELF_':{'paddingLeft':'2px'}}" style="width: 12px; margin: 6px 0; padding: 4px 2px; border-radius: 0 6px 6px 0; background-color: rgba(255, 0, 127, 0.5); color: white; cursor: pointer;">5</div> <div data-inven-tab-for="5" data-inven-selected-css="{'_SELF_':{'paddingLeft':'6px'}}" data-inven-unselected-css="{'_SELF_':{'paddingLeft':'2px'}}" style="width: 12px; margin: 6px 0; padding: 4px 2px; border-radius: 0 6px 6px 0; background-color: rgba(255, 0, 127, 0.5); color: white; cursor: pointer;">6</div><!--새 버튼 추가하는 곳--></div> 항상 감사드립니다(__)
EXP
461,044
(80%)
/ 468,001
망고쥬스 스카니아 메린이 |