어디에 쓰나?

간단한 팁입니다.

 

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>

<!--@endif-->

로 고쳐줍니다.

 

그 다음 

 

<div id="columnRight">

 

를

 

     <!--@if($menu_1st['list'])-->
        <div id="columnRight">
     <!--@endif-->

 

     <!--@if(!$menu_1st['list'])-->
        <div id="columnRight_full">
     <!--@endif-->

이렇게 바꿔줍니다.

 

 

이제 1차 메뉴 아래에 2차 메뉴가 있을 때엔 기존과 같이 왼쪽 메뉴를 표시하고,

 

2차 메뉴가 없을 때엔 컨텐츠가 가득 차게 표시됩니다.