1. 레이아웃 추가
– 레이아웃은 제로보드 4 시절 노프레임으로 제작하던 페이지라고 생각하면 된다. 노프레임 페이지의 게시판, 즉 컨텐츠가 들어가는 부분에 {$content}를 삽입할 것.
– 사이트 설정 > 레이아웃 > 추가에서 레이아웃을 추가한 후 편집탭에서 layout용 html 파일과 css 파일 추가, 저장.
– XE 스킨 메뉴얼 : 레이아웃 스킨 만들기의 방식으로 업로드한 rukawa 레이아웃은 왜 그런지 모르겠는데… 그냥 안된다-_- 할 수 없이 senru라는 이름의 레이아웃을 만들어 편집탭에서 그냥 추가저장.
– html 부분
<!--%import("css/senru.css")-->
– css 부분
/* common */
body {font-size:75%; font-family:"MalgunGothic", Sans-serif; line-height:140%; color:#343434;}
a:link, a:visited {text-decoration:none; color:#343434;}
a:hover {#f7941d;}
/* index */
#wrap {width:962px; margin:21px auto; border:solid 1px #f7941d; padding-bottom:21px; *zoom:1;}
#wrap:after {content:""; display:block; clear:both;}
#head {width:100%; margin-bottom:37px; *zoom:1;}
#head:after {content:""; display:block; clear:both;}
#head h1 {float:left; margin:22px 0 0 43px; display:inline;}
#head ul.gnb {float:left; margin:59px 0 0 105px; display:inline;}
#head ul.gnb li {float:left; margin-right:34px;}
#contents {*zoom:1;}
#contents:after {content:""; display:block; clear:both;}
#mainsections {float:left; margin-left:21px; display:inline;}
#mainsections .mainsection {width:579px; margin-left:21px; padding-bottom:19px; margin-top:22px; border-bottom:solid 1px #d2bca3;}
#mainsidebar {float:right; margin-right:22px; display:inline; width:260px; padding:28px 21px; border:solid 1px #f7941d; background:#fee8d0;}
#mainsidebar ul {margin-top:15px;}
#mainsidebar h2 {margin-bottom:13px;}
#mainsidebar h2.second {margin-top:28px;}
#mainsidebar .div_chronicle .ch_img {float:left; margin-right:12px;}
#mainsidebar .div_chronicle p {float:left; width:165px; text-align:justify;}
/* layout */
#layoutsections {}
#layoutsections .layoutsidebar {float:left; margin:0 34px 0 41px;}
#layoutsections .layoutsection {float:left;}
#layoutsections .layoutsection #content {width:770px;} /* contents width */
#layoutsections .layoutsection .boardInformation {width:770px;}
#layoutsections .layoutsection .boardInformation .infoSum {visibility:hidden;}
#layoutsections .layoutsection table.boardList {width:770px;}