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게시판 레이아웃) 상단 메뉴쪽은 테이블안에 테이블 그안에 또 테이블 이런식으로 들어가서


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


암튼 


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


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


  1. 데모사이트 관련

  2. XE 버젼 업에 따른 관리자 페이지 변경

  3. 원격 프로그램 팀뷰어

  4. 초보자들을 위한 홈피만들기에 개념?

  5. xe 설치과정입니다.

  6. xe로 홈피 만들기 실전 1 - 개론

  7. 홈페이지 형식의 자기소개서?

  8. 지금까지 사용해본 레이아웃

  9. xe 설치 두번째

  10. 풀다운 메뉴

  11. 제로보드 4 설치과정

  12. 언젠가 만들었던 연습용 홈피

  13. 사진배경 홈피

  14. 웹폰트

  15. xe.. 제로보드 4처럼 사용하기..

  16. 테이블 레이아웃 두번째

  17. 배경 x,y축으로 반복 또는 한번만 출력

  18. 테이블을 이용한 xe레이아웃 도전

  19. xe 홈피만들기 연습

  20. 제로보드4 노프레임 홈피파일

  21. 포토샵 액션을 이용한 초간단 사진효과

  22. audio html5 태그

  23. embed 스타일

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에는 나눔글꼴이 설치되어 있지 않습니다.

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

설치 취소