매뉴얼 각 아이템들의 상세한 매뉴얼입니다

17 Sep, 2009
Layouts

PremiumXE 조회 수 11709 추천 수 0

pxe_sky_full.jpg 

 

headline_feature.gif

PXE Sky는 국내 기업용 웹사이트를 제작하기 위한 다목적 레이아웃입니다. 한가지 테마에 국한되지 않고 수정방법 및 디자이너의 역량에 따라 수많은 장르에 걸쳐 광범위하게 사용 될 수 있는 모던한 한국형 디자인입니다. 이 레이아웃의 샘플로 사용 된 전체적인 구도는 Naver의 해피빈의 방식을 보여주고 있으며 총 6개의 단 구성을 자유롭게 변경하여 서로다른 느낌의 메인 페이지 및 서브 페이지들을 손쉽게 구성 할 수 있습니다.


이 레이아웃은 PXE Black Plain의 단 구조 프로토타입에서 발전 된 형태이기 때문에 PXE Black Plain 사용자 여러분들은 무료로 업그레이드되어 다운로드 받으실 수 있습니다.


이 레이아웃이 온라인에서 어떻게 작동하는지 보려면 여기를 클릭해서 살펴보세요

  • 총 6가지의 단 설정을 통해 포탈, 블로그, 일반 사이트등에서 사용하는 모든 단 구성을 관리자 화면에서 설정할 수 있습니다
  • 사이트를 구성하는 모든 요소들의 너비(사이트 전체, 헤더, 사이드바, 푸터 너비 등)을 손쉽게 변경할 수 있습니다
  • 1단계 메인메뉴를 상단에 표시할 수 있습니다
  • 2차 하위메뉴를 메인 메뉴 하단에 표시할 수 있습니다(샘플에서는 보여지지 않고 있습니다만 아주 예쁘게 자리를 잡아 놓았습니다)
  • 아주 예쁘고 깔끔한 3차 세로메뉴를 사이드바에 표시할 수 있습니다
  • 4차 풀다운 메뉴를 메인메뉴와 연결하여 마우스 오버 형식으로 표시할 수 있습니다
  • 2가지의 컨텐츠단 구성형식을 선택할 수 있습니다. 배경 마진이 있는 형태와 없는 형태입니다.
  • 좌측과 우측으로 나뉘어진 프로모션 영역을 표시할 수 있습니다(샘플에서 상단의 큰 그림 두개가 있는 곳)
  • 하단 좌측에 하단메뉴와 상호등을 넣을 수 있으며 우측에도 엑스트라 메뉴가 존재합니다
  • 해피빈에서와 같은 우측에 조그마한 썸네일이 있고 제목과 코멘트가 있는 웹진형 위젯이 포함됩니다
  • 모든 메뉴는 이미지 메뉴를 사용해도 위치나 정렬이 흐트러지지 않도록 CSS로 포지셔닝 되어있습니다
  • PXE Board Pro 2말끔한 서체 기능과 함께 사용하면 사이트 전체 메뉴 및 항목을 모두 이미지화 할 수도 있습니다
  • 포토샵 레이아웃 소스와 함께 메뉴등과 같은 소스 파일들이 포함되어 있습니다





headline_colorset.gif

PXE Sky는 본래 스카이 블루와 올리브 2개의 컬러셋으로 배포될 예정이었으나 올리브 컬러의 경우 자칫하면 해피빈의 지적저작권을 침해 할 우려가 있어 배포에서 제외시켰습니다. 하지만 고급 유저의 경우 자신이 직접 컬러셋을 만들어 추가하여 사용할 수 있도록 컬러셋 코드는 넣어놓았습니다.





headline_install.gif

1. 압축을 풀어 나온 PXE_sky 폴더를 귀하의 layouts 폴더에 넣은 후 서버에 업로드 해주세요. 레이아웃의 기본 사용법을 알고 싶다면 XE 동영상 메뉴얼을 참조하시기 바랍니다.


 XE가 설치 된 폴더 > layouts > PXE_sky

2. 관리자로 접속하여 사이트 설정 > 레이아웃에서 생성 버튼을 눌러 PXE 스카이 레이아웃을 선택 한 후 레이아웃으로 등록합니다.


3. 게시판등의 모듈에서 PXE 스카이 레이아웃을 연결합니다


 




headline_setting.gif



1. 사이트 단 구성 선택
사이트를 몇 단으로 구성 할 것인지 관리자 화면에서 설정 할 수 있습니다. 총 6가지의 설정을 아래의 그림을 참조하여 선택하세요.

pref.gif

2. 사이트 기본 환경 설정 확인
위의 단 구성을 선택했다면 이제 다른 설정항목들은 일단 전부 무시하고 게시판에 연결하여 레이아웃을 띄워보세요. 별다른 항목들을 입력하지 않아도 기본 구성이 되어진 레이아웃이 나타나게 됩니다. 너비는 기본크기인 960px에 맞춰져 있습니다.


레이아웃을 설치하고 나면 맨 위의 샘플 이미지와 완전히 동일한 화면이 나타나는 것은 아닙니다. 화면에 보면 사용자 정의 공간 1과 같은 형태로 사용자가 해당 공간을 자유롭게 이용할 수 있도록 비워놓은 공간들이 있습니다. 이 공간에 자신이 원하는 위젯이나 혹은 이미지들로 정보를 채워나가면 됩니다.






headline_attention.gif


  • 샘플 레이이웃의 상단 우측에 사용된 3가지 배너는 xeBanner의 PXE 개량판입니다. 이 위젯은 레이아웃에 포함되어 있지 않고 별도의 위젯으로 등록될 예정입니다. PXE Sky 레이아웃 등록자와 Platinum 멤버쉽 유저는 무료로 다운로드 받으실수 있으며, 이 위젯은 비매품으로서 일반에 판매되지 않습니다.
  • 샘플 레이아웃의 왼편에 있는 탭 방식 위젯 역시 비매품으로서 정식 위젯이 아닌 샘플 레이아웃용 위젯입니다만 PXE Sky와 Platinum 멤버쉽 유저에게는 무료로 다운로드 될 예정입니다.
  • 이 위젯들이 비매품인 이유는, 이용자가 PXE Sky 레이아웃을 이용하여 페이지를 구성할 때 이런 위젯들의 디자인을 어떻게 구성해야 좋을지 영감을 주기 위해 만들어진 인스턴트 위젯이기 때문입니다. 이 위젯들은 기능상의 문제는 없으나 추후 문제가 발생했을때는 기술지원이 없기 때문에 비매품으로 결정되었습니다.




headline_alert.gif


  • 이 레이아웃은 IE6/7/8, 가장 최신의 FireFox, Opera, Safari에서 테스트 되었습니다.
  • 아직까지 알려진 문제점이 없습니다




headline_buy.gif

  • 비영리 라이센스 : 40,000원
  • 영리 라이센스 : 150,000원
라이센스 구입을 원하시는 분께서는 아래의 계좌로 비용을 입금 하신 후, clubnb2@naver.com으로 입금확인 메일을 보내주세요. 메일에는 본인 아이디, 입금자명, 스킨명, 라이센스 형태 4가지를 꼭 기재해 주셔야 합니다. 비용 지불이 확인되면 다음날 오후 5시 이전 아이디가 갱신되어 본 사이트의 [업데이트 및 다운로드] 코너에서 해당 스킨의 온라인 다운로드가 가능하게 됩니다.

PayPal을 이용해 결제를 원하시는 해외 이용자분께서는 위의 4가지 항목에 추가로 자신의 PayPal 이메일 주소를 함께 기입하시면 Request Money로 청구메일이 가게 됩니다. 입금이 확인되면 마찬가지로 다음날 오후 5시 이전 아이디가 갱신되어 본 사이트의 [업데이트 및 다운로드] 코너에서 해당 스킨의 온라인 다운로드가 가능하게 됩니다.

위 이메일 주소로는 일체 문의내용을 받지 않습니다. 별도의 문의사항이 있으신 경우에는 문의사항 코너를 이용해 주시기 바랍니다.

 국민은행 036102-04-168370 정현화

profile

윌로우피페

September 18, 2009

저기 예제 보기에 나와있는 최근게시물은 포함되어 있지 않네요 흑흑 저거두 주세요 ...제 능력으로는 저 최근게시물 못만든다구용 ㅠㅠ 흑흑 ^^*; 넵?
profile

PremiumXE

September 18, 2009

네 저것은 오늘 등록 될 추가위젯들입니다
profile

윌로우피페

September 18, 2009

ㅋㄷㅋㄷ 감사합니다! ^^*
profile

playsite

September 18, 2009

몇가지 질문 드립니다.

1. 샘플사이트에서 왼쪽카테고리는 어떤 메뉴에 영향을 받는지요? 컨트롤이 안 되고 있습니다.

2. 카테고리 밑에 있는 최근글 / 최근댓글 위젯도 추가로 올라 오는지요?

3. 상단메뉴가 샘플사이트처럼 이미지 처리가 안 되고 텍스트로만 처리되는데 어떻게 어떻게 해야 깔끔한 이미지 오버 형태로 바꿀 수 있나요?
profile

쭈니쑤대디

September 18, 2009

라이센스 비용 입금했습니다^^ 새롭게 개편하는 작업만 남았네요^^
확인해주세요
profile

사랑Plus

September 18, 2009

귀한 자료를 구입하기위해 귀하의 계좌번호로 입금을 완료했고 귀하의 이메일에 자료를 올려놓았습니다. 확인해 주시기 바랍니다. 많은 도움 부탁드립니다.
profile

연인의삶

September 18, 2009

정말 수고 많으셨습니다. 창작의 고통이 산고의 고통과 비슷하다고 하던데 이 작품을 만들기 위해서 얼마나 힘드셨을까? 하는 생각을 해봅니다. ㅋ. ^^ 정말 좋은 작품을 보여주셔서 감사합니다.
profile

PremiumXE

September 19, 2009

어이쿠 playsite님이 여기에 글을 올려놓으셨군요. 비공식 유저포럼에 쓰시지 잘 안보이게 여기에-_-

1. 왼쪽 카테고리라는 말씀은 아마 세로 3차 메뉴를 말씀하시는 것 같네요. 관리자의 "메뉴"에서 메뉴를 만들죠? 거기에 2차 3차 메뉴가 딸려있는 경우 자동으로 출력되는 겁니다. 한마디로 마우스 오버 메뉴를 그냥 쭉 펼쳐서 보여주는 메뉴입니다.

2. 카테고리 밑에 있는 최근글 / 최근댓글 위젯은 그냥 XE에서 제공하는 Contents 위젯에서 상단 텝 부분을 이미지로만 바꾼 인스턴트 위젯입니다. 필요하신가요? 저거 텝 부분 공간이 고정되어 있어서 긴 제목은 뚫고 넘어가버립니다! ㅋㅋ

3. 상단 메뉴뿐만 아니라 PXE Sky의 모든 메뉴는 일반 텍스트 메뉴와 이미지 메뉴를 사용해도 모두 깔끔하게 나오도록 CSS로 세밀하게 만들어 놓았습니다. 관리자 화면의 "메뉴"에 가셔서 메뉴를 이미지로 등록하시면 이미지로 나오게 됩니다. 메뉴에 보면 각 메뉴별로 파일 첨부하는 곳 있잖아요? 거기서 이미지 등록하시면 되요~
profile

쭈니쑤대디

September 19, 2009


-> 이렇게 되어 있는데 맞나요?
PXE 스카이
PXE Sky

PXE 스카이 레이아웃
디자인 : PXE 스카이
profile

쭈니쑤대디

September 19, 2009

질문을 이곳에서 해도 맞는지요? pxe-sky 레이아웃에서 배너부분을 없애려면 어느 부분을 삭제하면 되나요? 서브페이지에서는 베너있는 자리가 없어도 될것같아서요?

두번째는 배너 부분이 있는 사용자 사용 2부분하고 내용이 출력되는 부분하고 간격이
있는데 이 간격을 줄이려면 어떻게 하나요?

세번째는 2단 메뉴를 선택하면 흰부분에 아무것도 나오질 않는데요?
profile

PremiumXE

September 20, 2009

이 질문과 같은 팁 등은 비공식 유저포럼을 이용해주세요^^ 그리고 레이아웃의 변형 및 응용에 대해서는 제가 모두 답변해드리지는 않고 있으니 양해바랍니다 쭈니님. 모든 분들의 입맛을 다 맞춰드릴 수 없기 때문에 저는 버그 패치에 중점을 두고 서포트하고 있습니다^^
profile

Marine

January 01, 2010

와 게임홈페이지에 안성맞춤 같네요..ㅎ
List of Articles

Modules PXE Board Pro 3 Skin Manual [12]

PXE Board Pro 3가 XE의 기본 게시판을 토대로 프리미엄의 이름에 걸맞는 뛰어난 기능과 고급 디자인을 목표로 만들어진 PXE Board의 스킨으로 다시 거듭났습니다. 스크린샷, 다운로드파일 등록이 가능하여 자료실기능으로 사...

  • diver
  • 2010-03-10
  • 조회 수 5092

Layouts PXE 공식 레이아웃 [3]

PXE Official Layout은 Premiumxe의 공식 레이아웃 입니다. 이 레이아웃은 이용자 설정을 통해 사이트의 구조를 대단히 다양하게 구성할수 있습니다. 기존의 PXE Sky나 PXE Leaflet Pro의 기능들이 일부 흡수되었으며 이 레...

Modules PXE AppBlog

PXE AppBlog는 Apple 아이폰용 앱스토어(AppStore)에서 개발자들이 주로 사용하는 GUI(Graphic User Interface)로 디자인 된 최신 트랜드의 텍스타일 블로그 스킨입니다. 무미건조하고 일륜적인 디자인의 한국 블로그와 차별...

Layouts PXE Photoware [14]

PXE Photoware는 사진과 관련된 업종에 종사하는 분들을 위한 포토갤러리 전용 레이아웃입니다. 이 레이아웃을 이용하면 해외 유명 포토그래퍼들의 블로그나 개인 웹사이트의 최신 트랜드와 경쟁할 수 있을 정도의 하이...

Widgets PXE Tab Widget Part 1

PXE Sky와 PXE Leaflet Pro 레이아웃의 샘플 화면에 사용된 탭 방식 최근글 위젯입니다 본 위젯은 샘플용 위젯으로서, 흰 색 계열 1개의 컬러셋으로만 구성되어 있습니다 1. 압축을 풀어 나온 tab_pxe_01 폴더를 귀...

Layouts PXE Leaflet Pro [4]

PXE Leaflet Pro는 PXE Leaflet Lite의 모체가 되는 기능 강화판으로서, PXE Sky의 본문부 가변형 다단 기능이 포함된 프리미엄 레이아웃 입니다. 이 레이아웃이 온라인에서 어떻게 작동하는지 보려면 여기를 클릭해서 ...

Layouts PXE Leaflet Lite [12]

PXE Leaflet Lite는 NHN deView 공식 사이트와 같이 3단 접지 전단지 디자인을 모티브로 한 2단 구성 레이아웃입니다. 리플릿 영역의 너비를 2가지중에 선택하여 메인 화면과 서브 화면으로 구성할 수 있으며, 좁은 폭 ...

Widgets 해비핀 스타일 xeBanner [4]

PXE 해비핀 스타일 xeBanner는 XE에서 제공하는 xeBanner를 해피빈 스타일로 출력시켜주는 위젯 스킨입니다. 3개의 배너를 보여줄 수 있으며 각 배너는 이미지와 함께 링크를 제공합니다. 이 위젯이 온라인에서 어떻게 ...

Widgets 해피빈 스타일 최근글 위젯

PXE 해비핀 스타일 최근글 위젯은 최근 등록 된 게시물을 해피빈의 첫화면과 같이 컨텐츠를 출력시켜주는 웹진형 위젯입니다. 본래 스카이 블루와 올리브 2개의 컬러셋으로 배포될 예정이었으나 올리브 컬러의 경우 자칫하...

Layouts PXE Sky [12]

PXE Sky는 국내 기업용 웹사이트를 제작하기 위한 다목적 레이아웃입니다. 한가지 테마에 국한되지 않고 수정방법 및 디자이너의 역량에 따라 수많은 장르에 걸쳐 광범위하게 사용 될 수 있는 모던한 한국형 디자인입니다. 이...

오픈아이디