토론방

솔루션관련 문의드립니다.

(필수) 확인 가능한 전체 URL :

문의드릴내용 캡처이미지로 올렸습니다.

게시글 공유 URL복사
댓글[1]

열기 닫기

  • P**M 2014-09-04

    수정하실려는 부분이 서브페이지 상단 바 부분인데요...일단 어떤식으로 작업을 하실지 몰라서 각 영역에 대해서 설명을 드리겠습니다. 

    서브 상단바 부분은 총 3개의 영역으로 구성이 되어있습니다. 전체를 구성하는 부분 그리고 좌측이미지부분, 마지막으로 우측에 문구 부분인데요..

     

    먼저 전체 사이즈 조절 부분부터 말씀드리겠습니다. 

    현재 보시고 계시는 화면이 PC화면이기 때문에 높이값 수정을 할려면 PC버젼을 참조하고 있는 css에서 수정처리를 하시면 됩니다. 

    관리자 페이지 디자인관리 > 고급 디자인 관리 > CSS 파일관리에 접속을 하시면 layout_pc.css 라는 파일이 있습니다. 

     

    이파일 우축에 수정버튼을 클릭을 하시면 해당 css를 수정을 할수 있습니다. 일단 수정버튼을 클릭을 하시기 바랍니다.

    소스 내역중에 빨간색 박스 부분의 내용을 찾아 주시기 바랍니다. 소스편집기로 143번 라인입니다.

    이 부분이 사이즈 부분을 관장하는 부분인데요..

    .subTitle_wrap { background-color:#bc3126; margin-bottom:30px; height:90px;  }

    위의 소스에서 파란색 부분은 색상부분이구요..빨간색부분은 높이 입니다. 높이 부분을 조정을 하실려면 위의 height값을 조절을 하시면 됩니다. 

     

    두번째 좌측에 이미지 부분인데요..

    이것역시 동일한 css에서 처리를 하시면 됩니다. 

    첨부한 이미지를 보시면 28번째 라인인데요..

    padding:25px 0 0 0; text-align:right;  height:65px; background:url(/img_up/shop_pds/brc5122/design/img/sub_title_bg.png

    위의 내용에서 일부를 발췌를 한 부분인데요..빨간색부분이 배경이미지 부분이며, 파란색부분이 배경의 높이가 됩니다. 

    따라서 첫번째 부분의 높이값에 맞춰서 이 부분도 수정을 해주시면 됩니다. 이미지가 필요가 없으면 삭제를 하셔도 됩니다. 

     

    마지막 문구부분인데요..

    문구부분의 위치나 폰트사이즈를 변경을 할려면 두번째 css부분에서 수정을 하시면 됩니다. 

    padding:25px 0 0 0; text-align:right;  height:65px; background:url(/img_up/shop_pds/brc5122/design/img/sub_title_bg.png) no-repeat; font-size:25px; font-weight:bold; position: relative; background-position-x: 60px; left: -60px;

    첫번째 빨간색은 위치값을 말하는 것이며, 두번째 빨간색은 폰트사이즈를 말하는 겁니다. 이 부분을 따로 수정처리를 하시면 되구요..

    만약에 문구부분을 제거를 하실려면 이 부분을 참조하고 있는 내용에서 제거처리를 해주시면 됩니다.

    문구 제거는 일단 css가 아닌 스킨쪽에서 처리를 하시면 됩니다. 

     

    관리자 페이지 디자인관리 > 고급디자인 관리 > 스킨 관리에 접속을 하시면 스킨이 하나가 있을껀데요. 이 스킨에 우측에 수정버튼을 클릭을 하셔서 수정처리를 하시면 됩니다. 

     

    위의 이미지에 빨간색 표시부분이 상단 바 부분을 나타나고 있는 부분입니다. 여기서 문구 부분은 <h1 부터 </h1>까지 입니다. 

    만약에 문구를 제거를 하실려면 위의 부분을 제거를 해주시면 됩니다. 

     

     

     

     

댓글작성

열기 닫기

댓글작성
top