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. 데모사이트 관련

    Date2013.05.07 Categoryxe레이아웃 Bygsm Views8682
    read more
  2. XE 버젼 업에 따른 관리자 페이지 변경

    Date2013.04.28 CategoryXE 홈피 Bygsm Views9328
    read more
  3. 원격 프로그램 팀뷰어

    Date2012.12.13 Category기타팁 Bygsm Views9343
    read more
  4. 초보자들을 위한 홈피만들기에 개념?

    Date2012.10.16 Category기타팁 Bygsm Views9945
    read more
  5. xe 설치과정입니다.

    Date2012.10.05 CategoryXE 홈피 Bygsm Views10085
    read more
  6. xe로 홈피 만들기 실전 1 - 개론

    Date2012.11.12 CategoryXE 홈피 Bygsm Views2526
    Read More
  7. 홈페이지 형식의 자기소개서?

    Date2012.10.31 Category연습용 Bygsm Views1761
    Read More
  8. 지금까지 사용해본 레이아웃

    Date2012.10.31 CategoryXE 홈피 Bygsm Views2334
    Read More
  9. xe 설치 두번째

    Date2012.10.25 CategoryXE 홈피 Bygsm Views2648
    Read More
  10. 풀다운 메뉴

    Date2012.10.05 Category기타팁 Bygsm Views1575
    Read More
  11. 제로보드 4 설치과정

    Date2012.07.15 Category제로보드4 Bygsm Views1696
    Read More
  12. 언젠가 만들었던 연습용 홈피

    Date2012.06.19 Category연습용 Bygsm Views1784
    Read More
  13. 사진배경 홈피

    Date2012.05.03 Category연습용 Bygsm Views1947
    Read More
  14. 웹폰트

    Date2012.03.22 Category기타팁 Bygsm Views2798
    Read More
  15. xe.. 제로보드 4처럼 사용하기..

    Date2012.03.20 CategoryXE 홈피 Bygsm Views5690
    Read More
  16. 테이블 레이아웃 두번째

    Date2012.03.20 Category연습용 Bygsm Views1754
    Read More
  17. 배경 x,y축으로 반복 또는 한번만 출력

    Date2012.03.19 Category기타팁 Bygsm Views1565
    Read More
  18. 테이블을 이용한 xe레이아웃 도전

    Date2012.03.11 Category연습용 Bygsm Views1819
    Read More
  19. xe 홈피만들기 연습

    Date2012.03.07 Category연습용 Bygsm Views1999
    Read More
  20. 제로보드4 노프레임 홈피파일

    Date2012.02.20 Category연습용 Bygsm Views2247
    Read More
  21. 포토샵 액션을 이용한 초간단 사진효과

    Date2012.02.15 Category기타팁 Bygsm Views2545
    Read More
  22. audio html5 태그

    Date2012.02.02 Category기타팁 Bygsm Views6514
    Read More
  23. embed 스타일

    Date2011.11.11 Category기타팁 Bygsm Views8125
    Read More
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에는 나눔글꼴이 설치되어 있지 않습니다.

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

설치 취소