웹마스터 팁
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
-
Newage Love
2009.07.16 16:26
-
그니
2009.07.26 10:46
캬;항상 짜증났던 문제를 이렇게 속시원히 날려버려주시네요.
감사합니다!
-
위크니
2009.07.29 06:40
오오 좋은 팁입니다. 감사합니다 :)
-
HolyJohn
2009.08.07 05:18
캬아! 감사합니다 ㅋㅋㅋ
-
ananda
2009.12.29 20:38
좋은 팁 감사합니다~!!!
그런데.. 메뉴와 컨텐츠 구분선은 같이 없어지지가 않네요.ㅠㅠ
이건 또 열심히 찾아봐야겠습니다~.
제목 | 글쓴이 | 날짜 |
---|---|---|
2차 메뉴가 없을 경우 왼쪽 메뉴 숨기기 [5] | 엔시아- | 2009.07.16 |
주메뉴와 하위메뉴 구분이 잘 안되시는 분들께... [2] | 다케루 | 2007.10.12 |
회원 단축 메뉴 보여주기 | Simulz | 2007.08.30 |
1.2.6 버전에서 메뉴추가 안되시는 분들 읽어보세요... [6] | Crazyhouse.cn | 2009.10.19 |
왼쪽메뉴줄이고 오른쪽에 박스만들어 내용쉽게넣기 [15] | plruto | 2008.02.07 |
오른쪽 서브메뉴영역 제목 이미지로 나타내기 [6] | hbeen | 2009.09.11 |
좌측 메뉴 하단에 애드센스를 탑재해 보자! [5] | migojarad.myid.net | 2007.08.13 |
회원 팝업메뉴에서 작성글 클릭시 다른 아이디 검색 안되게 하기 [3] | 절망린 | 2009.07.03 |
메뉴에 플래시 적용하기 [7] | 지허 | 2007.10.23 |
서브 메뉴 배경색 바꾸기 [4] | Chang-Jo(창조) | 2007.08.17 |
페이지 및 게시판 메뉴 경로 [2] | 자반튀김 | 2009.04.15 |
상단메뉴 개수를 지정한 만큼만 보여주고자 할 경우 [9] | 똑디 | 2007.08.23 |
여러 개의 메뉴를 달아보자! [5] | 고라리 | 2007.08.23 |
플래시메뉴 사입방법 [4] | urhow1 | 2007.08.29 |
메뉴와 연결된 xe의 page에 iframe을 사용해서 제로보드4 게시판을 불러들였습니다 [2] | 바람처럼.. | 2007.09.14 |
2차,3차 메뉴가 좌측으로 일렬로 되어있어 구분이 잘 안됩니다,이럴 때~ [7] | *제트* | 2007.09.16 |
상단에 로그인 회원가입 등 메뉴 넣기 (id/pw찾기 추가) [7] | mireu | 2007.10.16 |
메뉴에 "회원 정보 보기" 걸기. [4] | font | 2007.11.03 |
MSN로그인 상태를 홈피좌측 메뉴에 삽입하는 방법 [9] | 팔공산 | 2007.11.27 |
메뉴에 이미지버튼 사용하기 [11] | 정낙훈(xynex) | 2007.11.29 |
괜찮군요,,,
적용해보진 않았지만,,,,,,,레이아웃 절약형이군요,