Skip to content

?

단축키

Prev이전 문서

Next다음 문서

크게 작게 위로 아래로 댓글로 가기 인쇄 수정 삭제
?

단축키

Prev이전 문서

Next다음 문서

크게 작게 위로 아래로 댓글로 가기 인쇄 수정 삭제

어디에 써놓지 않았을까 하는데 전혀 없네...


제로보드4에서 xe로 넘어오신 분들이나 xe를 첨 사용하시는 분들중


xe 레이아웃을 그냥 사용하시는 분들은 상관없지만


자신이 직접 홈피를 디자인 하고 싶은 분들은 참고하시면 좋을 듯하다.


나역시 제로보드4 를 사용하다가 xe로 넘어왔는데


잘짜여진 레이아웃이 참 좋기도 하지만


조금 엉성하더라도 나만에 레이아웃을 사용하고 싶어졌다.


여기서 잠깐 레이아웃은 지금 보는 페이지에서 가운데 게시판부분을 제외한 나머지 부분에 대한 디자인이라 할수 있을것이다.


타이틀 메뉴 게시판 사이드등의 위치와 모양을 만드는 것이기도 하고


제로보드에선 head와 foot이라고 할수 있겠고....


암튼 제로보드4를 노프레임으로 사용하셨던 분이라면 아주 쉽게 xe로 자신만에 레이아웃을 적용하여 사용할수 있다.


방법은 간단하다.


xe에서 레이아웃을 만들면된다.


과정도 쉽다.


나모나 드림위버 혹 나처럼 메모장으로 만든 html 파일에 소스를 (head 와 foot 파일에 소스를)


xe 관리자 페이지에서 확장기능 설치된 레이아웃 테스트레이아웃에서 레이아웃을 생성하고 레이아웃편집에서


html 칸에 다 지우고 자신에 소스를 넣으면 된다.


그리고 게시판이 들어갈 자리에 


<div style="overflow:hidden;float: left; width:900px; ">

{$content} 


</div>


이것만 넣어주면 이자리에 게시판이 뜨게 된다.


div를 안넣어줘도 상관없는데 왠지 xe에선 테이블에 width값을 인식은 하는데


width 값보다 내용물에 사진이 크다든가 하면 이미지가 리사이즈 안되구 크게 나와서 전체 틀이 깨진다.


그래서 굳이 {$content}를 div로 감싸줬다. 


단 이때 사용된 이미지등에 경로를 xe를 기준으로 바꿔 줘야 한다.


제로보드4에서도 head랑 foot 만들때 경로를 bbs 기준으로 상대경로로 넣어주듯이


xe에서도 그렇다. 근데 왠지 조금 엉키는듯해서 나는 그냥 전체경로를 다 넣는다. http://... 이렇게 그래서 조금 많이 지져분해진다.


그리고 테이블로 레이아웃을 만들때 문제가 되는 것이 


레이어를 쓸때보다 소스상 구조가 엄청나게 복잡해질수 있다는 것


이번에 만든 것 역시(photo게시판 레이아웃) 상단 메뉴쪽은 테이블안에 테이블 그안에 또 테이블 이런식으로 들어가서


낭중에 보면 정말 어떻게 된건지 내가 봐도 한참 봐야 할것 같다.


암튼 


이렇게 만든 레이아웃을 게시판이나 페이지에서 적용해주면 끝.


게시판설정이나 페이지 설정에서 보면 레이아웃을 지정해주는 부분이있다. 그곳에서 방금 만든 레이아웃을 지정해주면 됨


List of Articles
번호 분류 제목 글쓴이 날짜 조회 수
공지 xe레이아웃 데모사이트 관련 gsm 2013.05.07 8704
공지 XE 홈피 XE 버젼 업에 따른 관리자 페이지 변경 file gsm 2013.04.28 9354
공지 기타팁 원격 프로그램 팀뷰어 file gsm 2012.12.13 9378
공지 기타팁 초보자들을 위한 홈피만들기에 개념? gsm 2012.10.16 9967
공지 XE 홈피 xe 설치과정입니다. gsm 2012.10.05 10107
67 기타팁 파비콘 만들기 Gsm 2011.07.26 1768
66 기타팁 파비콘을 위한 포샵 아이콘만들기 플러그인 file Gsm 2011.08.09 2199
65 기타팁 상단 메뉴부 file Gsm 2011.08.22 1628
64 기타팁 마우스 오버시 레이어 이미지 변경 file gsm 2011.09.18 2234
63 XE 홈피 xe 파일 삭제 file gsm 2011.11.07 3053
62 기타팁 썸네일 확대보기 file gsm 2011.11.08 1754
61 기타팁 상대경로와 절대경로 gsm 2011.11.08 1966
60 기타팁 embed 스타일 file gsm 2011.11.11 8134
59 기타팁 audio html5 태그 file gsm 2012.02.02 6515
58 기타팁 포토샵 액션을 이용한 초간단 사진효과 file gsm 2012.02.15 2546
57 연습용 제로보드4 노프레임 홈피파일 file gsm 2012.02.20 2250
56 연습용 xe 홈피만들기 연습 file gsm 2012.03.07 2000
55 연습용 테이블을 이용한 xe레이아웃 도전 file gsm 2012.03.11 1820
54 기타팁 배경 x,y축으로 반복 또는 한번만 출력 gsm 2012.03.19 1570
53 연습용 테이블 레이아웃 두번째 file gsm 2012.03.20 1756
» XE 홈피 xe.. 제로보드 4처럼 사용하기.. gsm 2012.03.20 5692
51 기타팁 웹폰트 file gsm 2012.03.22 2803
50 연습용 사진배경 홈피 file gsm 2012.05.03 1949
49 연습용 언젠가 만들었던 연습용 홈피 file gsm 2012.06.19 1785
48 제로보드4 제로보드 4 설치과정 file gsm 2012.07.15 1698
Board Pagination Prev 1 2 3 4 5 6 Next
/ 6

Recent Articles

Gloomy의 비오는 일요일 홈피는 모든 저작권을 포기합니다.

Powered by Xpress Engine / Designed by Sketchbook

sketchbook5, 스케치북5

sketchbook5, 스케치북5

나눔글꼴 설치 안내


이 PC에는 나눔글꼴이 설치되어 있지 않습니다.

이 사이트를 나눔글꼴로 보기 위해서는
나눔글꼴을 설치해야 합니다.

설치 취소