<1> 레이아웃 적용례

layout_setting_4.gif



<2> 레이아웃 설정화면

layout_setting_1kr.gif


layout_setting_2kr.gif


layout_setting_3kr.gif


<3> 레이아웃 설명

  1.설치 방법
    제로보드XE가 설치된 곳의 ./layouts 디렉토리에 업로드 하시면 됩니다.
    처음 설치를 하고 아무런 설정을 하지 않으면 아주 심플하고 볼품없는 레이아웃이 입니다. 꼭 설정을 해주세요. ^^;
    본 레이아웃은 한국어와 일본어를 지원하며 기타언어(영어포함)는 지원하지않습니다.

  2.레이아웃 디자인 배경
    레이아웃을 조금변경하려고 해도 css수정을하고 layout.html을 수정해야하는 귀찮음때문에 자주 사용할것 같은 기능은
    레이아웃 설정메뉴에서 설정할수있도록 되도록 많은 옵션기능을 부여했습니다.
  
  3.조절가능한 기능
    -레이아웃 전체 배경색,배경이미지, 배경이미지 표시방법
    -레이아웃 상단여백 조정
    -헤더부의 세로폭, 헤더부 배경색, 헤더부 배경이미지 사용여부, 배경이미지, 배경이미지 표시방법
    -로고이미지, 로고이미지 상단과 좌측 위치조절, 로그 클릭시 이동할 페이지 설정
    -상단메뉴의 세로폭, 메뉴의 배경색, 배경이미지, 배경이미지 표시방법
     메뉴를 이미지 아이콘으로 사용할경우 메뉴이미지의 세로길이가 34px 이상일경우 제대로 표시되지않는 버그가 있습니다.
    -메뉴선택시 표시되는 아이콘 설정
    -언어선택박스의 사용여부, 언어선택박스의 상단과 우측위치 조절
    -검색박스의 사용여부, 검색박스의 하단과 우측위치 조절
    -로그인위젯의 위치설정
     가로로그인사용시에는 반드시 가로로그인 위젯이나 아이콘로그인 위젯을 사용하셔야 합니다.
     아이콘로그인사용시에는 반드시 아이콘로그인 위젯을 사용하셔야 합니다.
     (1)일반로그인 사용시 - 보조본문에 설정
     (2)가로로그인 사용시 - 헤더상부, 메뉴하부에 선택설정가능
     (3)아이콘로그인 사용시 - 메뉴줄안에 삽입 설정

layout_setting_5.gif




    -본문의 표시위치
     이 레이아웃은 본문영역이 주본문과 보조본문으로 구성되어 있으며, 설정방식에 따라 주본문과 보조본문의 위치가 변경됩니다.
     (1)왼쪽설정-주본문이 왼쪽에 표시되고, 보조본문은 오른쪽에 표시
     (2)오른쪽 설정-주본문이 오른쪽에 표시되고, 보조본문은 왼쪽에 표시
     (3)니맘대로 설정 - 주본문이 그때그때 기분에 따라 오른쪽에 위치했다가 왼쪽에 위치했다가 지멋대로 움직입니다.

layout_setting_left.gif


layout_setting_right.gif


 

    -상단 메뉴선택
      하단메뉴선택은 제가 거의 안쓰는 관계로 삭제했습니다.
      필요하신분은 ZBXE공식 레이아웃의 하단메뉴표시 HTML을 삽입해서 사용하시기 바랍니다.

  4. 후기
     이 레이아웃은 원래 베타버젼때 만들어놓았던 건데 일본어판 제로보드 페이지 오픈기념으로 일본어판으로 변경하면서
     여러설정을 자유롭게 할수있도록 변경한것입니다.
    그러므로, 아무런 설정을 하지않을겨우 그저 볼품없는 단순한 레이아웃일수 있으나, 필요에 따라 배경이미지, 헤더 조절등을
    하므로서 입맛에 맞는 레이아웃 설정이 가능하리라 생각합니다.
   웹에 관해 왕초보이신분은 이 레이아웃보다는 설정을 거의 할필요가 없는 레이아웃을 사용하시는것이 더 편할지도 모릅니다.
   다음엔 여러가지 조절이 가능한 위젯스킨을 올리도록 하겠습니다. ^_____^=

   적용사이트는 이곳(KuroKuma's Page)에서 확인해보실수 있습니다.

   아울러 ie6 , ie7, FF에서 확인을 해보았는데 별이상은 없어보입니다. 버그가 발견되면 꼭~메모남겨주세요~ emoticon 


헤더위에 가로로그인 설치시 검은색 밑줄이 표시됩니다. 원래 헤더위에 가로로그인을 설치할경우에는 검은 밑줄을 그울 필요가 없었는데 배포판을 만들면서 이부분이 수정되지 않았던것 같습니다. 이부분은 수정판을 공개할때 수정하도록 하겠습니다.
헤더위에 로그인을 설정하신분들중에 검은 줄이 불필요하실경우에는 아래의 방법으로 검은줄을 제거할수 있습니다.

배포판의 css폴더를 보시면 default.css화일이 하나있는데 이 화일을 열어버시면 중간쯤에 이런 부분이 있습니다.

#karologArea  { position:relative; margin: 0; padding:0px; width:980px; height:30px; background-color:transparent; overflow:hidden; display:block; border-bottom:1px solid #2D3A4A; clear:both;  }

이곳에서 border-bottom:1px solid #2D3A4A;  를 삭제해주시면 됩니다.

수정판에는 헤더위 가로로그인을 사용시에는 검은 밑줄선이 없으며, 메뉴하단에 가로로그인을 사용할때는 검은밑줄선이 표시될예정입니다.



이 게시물을..