웹마스터 팁
2차 메뉴가 없을 경우 왼쪽 메뉴 숨기기
2009.07.16 02:40
어디에 쓰나?
간단한 팁입니다.
2차 메뉴가 없을 경우 보통 이렇게 모양이 됩니다.
로그인 창이라도 달고 쓸 때엔 괜찮은데, 위처럼 로그인 위젯을 쓰지 않는다면 공간 낭비도 되고 레이아웃도 맞지 않게 됩니다.
오른쪽으로 치우쳐져 있는 컨텐츠가 공간을 100% 활용하게 해봅시다.
1단계
해당 페이지나 보드가 쓰고 있는 CSS에서 columnRight를 찾습니다.
#columnRight { width:700px; 어쩌고저쩌고;}
뒤에 _full 등을 붙이고, width 속성을 해당 레이아웃에 알맞는 너비만큼으로 수정해 줍니다.
#columnRight { width:700px; 어쩌고저쩌고;}
#columnRight_full { width:890px; 어쩌고저쩌고;}
2단계
해당 페이지나 보드가 쓰고 있는 레이아웃 편집으로 갑니다.
레이아웃 편집에서 살펴 보시면
<div id="columnLeft">
.............
</div>
가 있습니다.
이부분을
<!--@if($menu_1st['list'])-->
<div id="columnLeft">.............
</div>
로 고쳐줍니다.
그 다음
<div id="columnRight">
를
<!--@if($menu_1st['list'])-->
<div id="columnRight">
<!--@endif-->
<!--@if(!$menu_1st['list'])-->
<div id="columnRight_full">
<!--@endif-->
이렇게 바꿔줍니다.
이제 1차 메뉴 아래에 2차 메뉴가 있을 때엔 기존과 같이 왼쪽 메뉴를 표시하고,
2차 메뉴가 없을 때엔 컨텐츠가 가득 차게 표시됩니다.
댓글 5
제목 | 글쓴이 | 날짜 |
---|---|---|
짧은주소 사용시 긴주소 검색엔진 차단시키기 [10] | Volun | 2014.01.14 |
업로드 용량을 .htaccess 파일로 제어하기 [9] | 야옹이님 | 2014.01.15 |
정확한 계산기 소스입니다.
[2]
![]() | 현탁 | 2014.01.15 |
XE 전체 타이틀(title) 수정하기 [3] | pezex | 2014.01.16 |
[10원팁] 스케치북 추천/비추천/신고를 눈에 들어오게 | socialskyo | 2014.01.17 |
관리자가 무제한 추천 가능하게 하는 방법 [2] | sejin7940 | 2014.01.17 |
룰셋 적용 팁
[1]
![]() | 루비스코 | 2014.01.20 |
게시판 설정의 게시판 정보 탭에서, 고급 항목이 항상 노출되도록 하는 방법 [3] | sejin7940 | 2014.01.20 |
메뉴추가가 안돼요.
[2]
![]() | 궁굼자 | 2014.01.20 |
게시판 최초 정렬을 사용자정의(확장변수) 기준으로 설정 가능하게 하는 방법 [8] | sejin7940 | 2014.01.20 |
[jQuery] PNG투명 이미지 animate시 IE7,8 투명이미지 표현 문제. | 투니페이퍼 | 2014.01.21 |
썸네일 특정 파일로 불러오기 [18] | Lansi | 2014.01.21 |
Captcha 애드온 준회원만 적용하기 [2] | 라싸 | 2014.01.22 |
1.7.3.8 설치 후 위에 어드민바가 안 보이는 증상을 해결하는 방법. [2] | 야옹이님 | 2014.01.22 |
input 체크박스, 라디오버튼 테두리 제거 | 헤이즈디자인 | 2014.01.22 |
faq 묘듈 사용시 레이아웃을 깨는 css [3] | 착한악마 | 2014.01.23 |
xe_2009 게시판 스킨 사용시 브라우저 타이틀 지우기 | 착한악마 | 2014.01.23 |
부트스트랩 기초 지식 강의 | 돼지코구뇽 | 2014.01.24 |
사이트맵에서 메뉴 생성할때 메뉴 추가 항목에 해당 모듈이 바로 연결되도록 [2] | sejin7940 | 2014.01.25 |
일반회원도 embed 태그 사용하는 방법! (다음/티스토리/구글드라이브 등) 가장 최근코어버전 해결완료!! [9] | 주택바가지 | 2014.01.27 |