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

16 Nov, 2009
Layouts

PremiumXE 조회 수 10308 추천 수 0

PXE_photoware_full.jpg



headline_feature.gif

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

  • 본문부 다단 가변설정을 통해 포탈, 블로그, 일반 사이트등에서 사용하는 모든 단 구성을 관리자 화면에서 설정할 수 있습니다
  • 사이트를 구성하는 모든 요소들의 너비(사이트 전체, 헤더, 사이드바, 푸터 너비 등)을 손쉽게 변경할 수 있습니다
  • 4차 풀다운 메뉴를 메인메뉴와 연결하여 마우스 오버 형식으로 표시할 수 있습니다
  • 3차 세로형 메뉴를 사용할수 있습니다
  • 2가지의 컨텐츠단 구성형식을 선택할 수 있습니다. 배경 마진이 있는 형태와 없는 형태입니다. 이 레이아웃에서는 기본적으로 배경 마진이 없는 형태를 사용하는 것이 좋습니다
  • 마우스 토글에 따라 추가 옵션 위젯영역단이 슬라이드 되어 보여집니다
  • 기본 로그인 기능과 팝업 로그인 기능이 모두 있어 원하는 기능을 선택해서 사용할수 있습니다
  • 하단부에 1단계형 메뉴를 사용할수 있습니다
  • PXE Gallery Widget의 기능을 사용한 최근 이미지 위젯이 PXE Photoware 레이아웃 전용으로 포함되어 제공됩니다
  • 최근 게시물 및 최근 댓글 위젯이 PXE Photoware 레이아웃 전용으로 포함되어 제공됩니다
  • 로그인 위젯이 PXE Photoware 레이아웃 전용으로 포함되어 제공됩니다
  • 모든 메뉴는 이미지 메뉴를 사용해도 위치나 정렬이 흐트러지지 않도록 CSS로 포지셔닝 되어있습니다
  • 위에 기재된 모든 기능은 별도의 파일 수정없이 모두 관리자 페이지에서 마우스 클릭만으로 설정할수 있습니다





headline_colorset.gif

PXE Photoware는 총 3개의 컬러셋을 가지고 있으며 이 컬러셋들은 단순히 색상만 변경시키는 것에 그치지 않고 마치 1개의 컬러셋만을 위해 제작된듯이 각 메뉴등과 같은 요소들이 컬러셋에 잘 녹아 들어있습니다





headline_install.gif

1. 압축을 풀어 나온 PXE_photoware폴더를 귀하의 layouts 폴더에 넣은 후 서버에 업로드 해주세요.


 XE가 설치 된 폴더 > layouts > PXE_Photoware

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


3. 게시판등의 모듈에서 PXE 포토웨어 레이아웃을 연결합니다


 




headline_setting.gif



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

pref.gif

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


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



3. PXE Photoware 전용 위젯 설치

다운로드 받은 파일의 압축을 풀어 widgets 폴더를 서버에 업로드 합니다. 최근 이미지, 최근 게시물, 최근 댓글, 로그인 위젯까지 총 4종류의 위젯이 있습니다.


4. jQuery 플러그인과 스크립트 코드 활성화

위젯이 서버에 업로드 되었으면 관리자로 접속합니다. 사이트 설정 > 레이아웃에 들어가서 PXE Photoware 레이아웃의 설정화면에서 아래 이미지와 같이 헤더 스크립트 영역에 코드를 넣어야 합니다.

setup01.gif

코드는 다음과 같습니다
<script type='text/javascript' src='widgets/newest_images/skins/PXE_official_photoware/js/jquery.tooltip.js'></script>
<script type='text/javascript' src='widgets/newest_images/skins/PXE_official_photoware/js/global.js'></script>


주의! : PXE Board Pro 2는 이미 동일한 jQuery 플러그인에 대한 환경설정이 되어 있습니다. 동일한 설정이 중복되면 충돌현상이 발생하므로 PXE Board Pro 2를 사용하는 레이아웃에는 위의 코드를 추가하지 말고 사용하시기 바랍니다. 이 부분의 설명이 난해하게 느껴진다면 여기를 클릭하여 다른분이 질문하신 내용에 대한 답변을 확인해보면 쉽게 이해가 갑니다.


5. 위젯 위치시키기

PXE Photoware에는 상단 토글 영역에 3개의 위젯 영역, 하단부에 4개의 위젯 영역 총 7개가 준비되어 있습니다. 여기서 로그인과 검색창이 2개의 상단 토글 영역에 이미 자리잡고 있기 때문에 이 이외의 5개의 위젯 영역을 여러분이 원하는대로 꾸밀 수 있습니다. 위젯 코드생성을 통해 발생한 코드를 layout.html 파일을 열어 추가 위젯 영역 1과 같이 적혀 있는 부분에 붙여 넣으시면 됩니다.


6. 최근 이미지 위젯을 사용하여 마우스 오버 미리보기 이미지 및 라벨 사용하기

PXE Photoware 레이아웃에는 PXE Gallery Widget의 기능을 가진 최근 이미지 위젯이 있습니다. 이 위젯을 100% 활용하는 방법은 여기를 클릭하여 참고하세요. PXE Gallery Widget과 사용방법이 동일합니다.






headline_attention.gif


  • 최근 이미지 위젯과 PXE Board Pro 2에서 사용하는 겔러리 보기 형식의 jQuery가 충돌하지 않으려면 반드시 위에서 설명한 주의사항을 염두해 주세요.
  • 샘플 화면에 나타나는 위젯등은 정식 등록자에 한해 모두 무료로 배포되고 있습니다




headline_alert.gif


  • 이 레이아웃은 IE6/7/8, 가장 최신의 FireFox, Opera, Safari에서 테스트 되었습니다.
  • 일부 IE6에서 토글 영역의 로그인 박스에서 로그인 박스가 좁아지고 로그아웃 버튼이 이상한 곳에 위치하는 CSS 버그가 있습니다. 이러한 버그가 나타나는 IE6 이용자분들로부터 피드백을 받고 있는 중이며 곧 수정 될 내용입니다




headline_buy.gif

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

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

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

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

profile

연인의삶

November 16, 2009

오~~ 정말 대단하네요. 갖고 싶은.... 스킨.. ㅋ. ^^ 좋은 작품으로 이렇게 팬들을 감동시키시니... 추종자들이 많을 수 밖에요. 좋은 작품 감사합니다.
profile

가네샤

November 16, 2009

멋지네요..!! 고생 하셧습니다...
profile

BY

November 16, 2009

수고하셨습니다.
profile

이정주

November 17, 2009

감동! 그런데 혹시 게시판 형태가 어떻게 출력되는지 볼 수 있을까요?ㅜ
상상(?)해 보고 있긴 한데, 잘 안 떠오르네요ㅎ
profile

토니박스

November 17, 2009

저두 게시판 형태가 어떤식으로 표현되는지 궁금 합니다
수고하셨습니다
profile

PremiumXE

November 17, 2009

게시판은 어차피 레이아웃과 별도라서 연관성이 없습니다. 게시판은 PXE Board Pro 2를 스킨에서 따로 보시면 됩니다^^
profile

이정주

November 18, 2009

아~ 다름이 아니라 메탈색 레이아웃을 적용한다고 했을 시 PXE Board Pro2와 잘 어울리나 해서요~ 아무래도 색상이 조금 다르다보니ㅜ(회색계열 레이아웃/하얀색 보드) 2.02업데이트 적용하면 된다고 하신 것 같은데, 잘 어울리겠죠~??
(*구매하게 된다면, 게시글 기능을 좀 쓸 것 같은데 아무래도 포토 전용이다보니 잘 어울리는지 걱정이네요~)
profile

연애하는남자

November 18, 2009

한눈에 필이 팍 꽂혀버리네요+.+b
넘 멋집니다...ㅋ
profile

PremiumXE

November 18, 2009

PXE Board Pro 2에 밝은 색 바탕용 컬러셋이 추가되어 있으니 그 컬러셋을 사용하시면 됩니다^^
profile

토니박스

November 18, 2009

PXE Board Pro 2 를 그럼 추가 구매해야 한다는 뜻이군요
profile

mondora

December 28, 2009

스킨 하고 보드 같이 적용한 사이트 구경오세요...
WAWETV.COM 순수 사진 동우회입니다...
profile

코타로

January 25, 2010

layout.css 파일에서 아래 정보를 찾으시고 마지막에 cursor:pointer; 를 추가하세요.
왼쪽 하단 메뉴목록에서 메뉴명(텍스트)에 커서를 가져가면 문자 드레그로 포인터가 바뀌는데 링크 포인터로 바뀌게 하는 거에요. 별거 아니지만 눈에 거슬리는 분 해보세요.

-- 찾기 --
#lnb li a { padding:10px 10px 10px 10px; *padding:11px 10px 7px 10px; display:block; position:relative; text-decoration:none; *zoom:1; font-family:Tahoma, Geneva, sans-serif; font-size: 13px; }

-- 수정 후 --
#lnb li a { padding:10px 10px 10px 10px; *padding:11px 10px 7px 10px; display:block; position:relative; text-decoration:none; *zoom:1; font-family:Tahoma, Geneva, sans-serif; font-size: 13px; cursor:pointer; }
profile

화이트초콜릿

April 20, 2010

사진 + 동영상을 올리는 사이트를 나들려고 하는데 이것만으로는 안되죠??

위쪽에 board도 구매하면 될런지요??
profile

디키리스

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

오픈아이디