웹마스터 팁
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
좋은 팁 감사합니다~!!!
그런데.. 메뉴와 컨텐츠 구분선은 같이 없어지지가 않네요.ㅠㅠ
이건 또 열심히 찾아봐야겠습니다~.
제목 | 글쓴이 | 날짜 |
---|---|---|
[로그인] 자바스크립트로 여러개 로그인하기 [10] | ZipShin | 2002.08.13 |
간단한 쿠키 &세션 확인용 | M2Vis | 2002.07.01 |
자바스크립트로 메타태그 리프레쉬 효과를 보여주자. [5] | ZipShin | 2002.06.26 |
로그인창에서.... [1] | 이진수 | 2006.07.02 |
TabIndex를 이용하여 탭키 컨트롤하기 [5] | 손상모 | 2004.10.08 |
노프레임 홈만들기 (3) - 서브 페이지 만들고 제로보드에 적용하기 [27] | @kihwa | 2003.07.26 |
노프레임 홈만들기 (2) - 로그인, 최근게시물 설치 [31] | @kihwa | 2003.07.26 |
노프레임 홈만들기 (1) - 표로 레이아웃 만들고 그림 삽입하기 [45] | @kihwa | 2003.07.11 |
label태그 아십니까? [6] | ZipShin | 2003.04.27 |
웹페이지 대화상자 띄우기. [4] | 세죠위그이 | 2003.02.05 |
〔Tale〕테일이랑 같이 글상자 이쁘게 만들어요 [1] | TaleB˚ | 2002.11.17 |
뽀유의 스타일시트 특별강좌 [28] | 뽀유♡ | 2002.10.25 |
사용자의 윈도 화면배색을 쓰자.. [4] | 엔카일 | 2002.08.13 |
[1차패치] 내 msn 현재상태를 보여주자! + 캡처없앰 -ㅂ- [18] | 티르 | 2002.01.04 |
게시물 하단에 예쁜 추천,비추천 아이콘 버튼 추가하기~ [12] | xemall | 2010.11.28 |
XE 속도 0.0001초라도 올리는 소소한 팁들 (추가) [5] | 소렌트. | 2010.11.16 |
비밀번호 찾기 기능 조심하세요 [4] | 老姜君 | 2010.10.28 |
Mysql에서 큐브리드로 데이터이전 [3] | 카르마 | 2010.10.23 |
탈퇴한 회원이 재가입 못하게 막는 방법 & 탈퇴한 회원 정보 보전 방법 [9] | sejin7940 | 2010.09.17 |
로그인/로그아웃 시 그페이지에 그대로 남아있게하기. [4] | 롤리^^ | 2010.09.16 |
괜찮군요,,,
적용해보진 않았지만,,,,,,,레이아웃 절약형이군요,