XE 공모전 응모작 - 사용자 투표

투표하기

마음에 드는 참가 작품에 투표해주세요!
심사 결과에 사용자 투표 결과도 합산하여 반영합니다.

응모작 URL : http://www.xpressengine.com/?mid=downloa...l=19529354 
문서 url : http://onyabyul.net 
참가자명 : 우지욱 



XE유저분들 안녕하세요..


오랜만에 XE에 발길을 들여봅니다.
그간 바쁜 생업에 치여 엄두도 못내다가
이번겨울에 겨우겨우 짬을내어 

ONYA레이아웃 스킨(Ver 2.0)ONYA게시판 스킨(Ver 2.0)의 업데이트를

하게되었습니다.

지난 버젼들(SIMPLE스킨, ONYA스킨1.0)과 마찬가지로
크게 레이아웃스킨과 게시판스킨으로 구성되어 있습니다.

onya2_sample_00.jpg 


지난 버젼에 비해 조금조금씩 달라진 부분이 있지만,
'사진갤러리'라는 주된 용도와 '심플'이라는 큰 성격은 그대로 유지하였습니다.


아, 참고로 'ONYA'(오냐)는

저와 한지붕밑에서 살고있는 고양이의 이름입니다. ^^

onya.jpg



그럼, 이번 배포버젼인 ONYA레이아웃스킨2.0ONYA게시판스킨2.0에 대해

간략히 설명드리겠습니다.

 



  ONYA 레이아웃 스킨 2.0


 1. 사진갤러리

      사진갤러리 위주의 개인홈페이지를 주목적으로 XE공식 레이아웃을

      최대한 SIMPLE하게 수정한 레이아웃입니다.



 2. 롤오버 서브메뉴

      1차메뉴에 마우스를 올리면 아래에 2차 메뉴가 나타나2단계 레이아웃입니다.

     onya2_roll.jpg 


 
  3. 컬러셋

       컬러셋은 2가지입니다. (default/ gray)


 onya2_white.jpgonya2_gray.jpg

                          (default)                                                          (gray)

  



 4. 가로폭 직접 설정


   컨텐츠 영역의 가로폭을 관리자페이지에서 직접 설정할 수 있습니다. (기본값: 900px)

         onya2_width3.jpg
 
      


 5. 여백 직접 설정


    컨텐츠 영역과 레이아웃 테두리 사이의 여백을 직접 설정할 수 있습니다.

     (기본: 0px/ 0~15px이 최적) 

         onya2_marginh.jpg
 



  6. 우측상단메뉴

       회원가입/로그인/매니져 버튼과 다국어 언어선택, 통합검색창이 우측상단에 위치합니다.



  7. 로고이미지

        레이아웃 좌측상단에 로고이미지를 넣을 수 있습니다.
         - 로고이미지는 높이가 10px~13px인 가로형 투명이미지가 가장 어울립니다.

         onya2_top.jpg



  8. 웹브라우저

       IE8,FF3에서 최적화되었습니다.
        - IE7,구글크롬,사파리,애플맥,아이폰(PC view)에서도 문제는 없으나,

          IE6에서는 다소 불편할 수 있습니다.


  9. 롤오버 서브메뉴
       - 자바소스는 우야노님(uyano.com)소스를 바탕으로 일부 수정했습니다.
       - 1차메뉴와 2차메뉴의 가로크기와 상관없이 1차메뉴의 좌표값을 그대로 상속받습니다.
       - 1차메뉴글자의 시작부분 바로 아래에 2차메뉴시작부분이 출력됩니다.(좌측정렬)
         2차메뉴를 여러가지정렬로 테스트해봤지만 좌측정렬이 simple레이아웃에

        가장 어울립니다.  (정렬을 바꾸고자 하시는 분들은 js파일을 수정해야합니다.)

 
  10. XpressEngine Core 1.4.0이상 버젼에 최적화되어있습니다.


  11. 설치경로
       - xe/layouts/

  12. 다운로드
           onya_layout_2.0.zip



  ONYA 게시판 스킨 2.0


 1. 사진갤러리

        레이아웃과 마찬가지로 사진갤러리를 주목적으로 XE공식 게시판을

        한 SIMPLE하게 수정한 게시판스킨입니다.



 2. 3가지 타입

       List/ Exhibition/ Gallery 3가지의 게시판 타입이  있습니다.

       

            List형

      기본 형태는 텍스트위주의 List형이지만,

     사진이나 그림 첨부시, 썸네일을 출력할 수 있고 썸네일출력여부

    직접 설정할 수 있습니다.

          onya2_sample_05.jpg

          onya2_sample_03.jpg 
 


       

            Exhibition

    - 사진(이미지)의 썸네일만 리스트페이지에 출력됩니다.(날짜,이름,조회수 등은 출력안됨)

    - 실제 사진 전시회의 느낌에 충실하게끔 만들었습니다.

    - 순전히 제 개인적인 취향으로 디자인되었으며,

      개인적으로 가장 선호하는 사진게시판 타입입니다.
    - 썸네일은 RATIO(비율맞추기)로 설정하고,  썸네일크기를 가로세로 모두 66px로 하고,
      목록수(한페이지에 표시될 썸네일수)를 12로 하는것을 권장합니다.

      (레이아웃 가로폭 900px기준) 

         onya2_sample_02.jpg             (레이아웃 컬러셋:Deault / 게시판 컬러셋:Default/ 게시판타입:Exhibition형)
               onya2_sample_01.jpg               (레이아웃 컬러셋:Gray / 게시판 컬러셋:Gray / 게시판타입:Exhibition형)

   

       

           Gallery

        - 일반적인 사진갤러리 형태의 게시판타입입니다.  

onya2_sample_04.jpg



 3. SNS(소셜네트워크)
    - 게시물 하단에 트위터 보내기버튼, 미투하기 버튼, 페이스북 공유하기버튼을

       출력할 수 있으며, 각각의 버튼에 대한 출력여부를 직접 설정할 수 있습니다.

          onya2_sns.jpg

    - 트위터버튼: 트위터로 해당 게시물을 축약된 주소링크로 바로 보낼 수 있습니다.

    - 미투하기버튼: 미투하기로 해당 게시물을 바로 보낼 수 있습니다.

    - 페이스북공유하기버튼: 페이스북으로 해당 게시물을 공유할 수 있고,

       썸네일도 함께 공유됩니다. 


 4. 컬러셋

      컬러셋은 2가지입니다. (default/ gray)
      → 레이아웃컬러셋과 동일한 컬러셋으로 설정하는 것을 권장합니다.
        (예. Default레이아웃-Default게시판/ Gray레이아웃-Gray게시판)
       → 다른 레이아웃에서 사용할 경우,
           레이아웃의 배경칼라를 게시판 배경칼라와 동일하게 수정할 것을 권장합니다.

5. 다음 기능들은 관리자모드(스킨관리)에서 직접 선택(Y/N)설정 가능합니다.
        - 게시판내부 검색창 사용여부
        - 댓글 사용여부
        - 업로드파일 출력여부
        - 리스트형의 썸네일 출력여부
        - TAG아이콘표시여부


 6. 엮인글,확장변수,추천기능은 삭제했습니다. (다음버젼에서 추가할 예정)


7. 웹브라우저

        IE8,FF3에서 최적화되었습니다. 
      - IE7,구글크롬,사파리,애플맥,아이폰(PC view)에서도 문제는 없으나,

        IE6에서는 다소 불편할 수 있습니다.

  
  8. XpressEngine Core 1.3.0이상 버젼에 최적화되어있습니다.


  9. 설치경로: xe/modules/board/skins/

  

  10. 다운로드
           onya_board_2.0.zip




  적용 URL


         http://onyabyul.net


 

  TIP. 썸네일 크기 권장값
     (레이아웃 컨텐츠영역의 가로폭이 900픽셀인 경우)

      - List형 썸네일 : 가로,세로 각각 40~50픽셀정도가 적당합니다.

      - Exhibition형 썸네일 : 가로,세로 각각 66픽셀로 하고,

                                       한페이지당 게시물수 12개가 적당합니다.

       - Gallery형 썸네일 : 가로,세로 각각 100픽셀로 하고,

                                   한페이지당 게시물수 14개가 적당합니다.

     (단, 위 설정값은 제 개인적인 취향에 따른 권장값일 뿐이며,

        사용자 입맛과 레이아웃가로폭에 따라 자유롭게 설정가능합니다.) 



이밖에, 지난 1.0버젼의 오류 등을 일부 수정/보완하였습니다. 
하지만 여전히 부족하고, 제가 미처 발견하지못한 에러나 오류가 있을 수 있습니다.
사용하시다가 에러가 발생하는 부분은 신고해주시고,
궁금한 사항은 질문해주시면 가급적 빨리 답해드리겠습니다.
(새벽부터 밤까지 생업에 종사하는지라 시간이 부족한 관계로

  이곳 xe자료실보다는 제 홈의 Guest게시판에 질문해주시면, 훨씬 더 빨리 답을 드릴수 있습니다.)


PS1. 추가자료 업로드예정(3월중)

    - 제홈에서 사용하고있는 카운터스킨

    - 제홈에서 사용하고있는 댓글 에디터스킨

    

PS2. 다음 업그레이드 검토사항 (VER 3.0)

  - 웹진형 게시판 
  - 우측상단메뉴(로그인,정보,언어선택,검색창) 유/무 선택기능
  - 로고이미지,상단메뉴(서브메뉴포함) 높이조절 설정하기
  - 트랙백기능 추가
  - 레이아웃상단 이미지삽입가능하게.(네이버블로그처럼) 등등


감사합니다.

새해복많이 받으세요! 








라싸

2011.02.15 18:02:31
*.101.15.117

 예전 simple시리즈부터 잘 사용했습니다.


추천드립니다~^^

파파민

2011.02.16 13:55:47
*.198.151.233

심플한게 아름답다는 진수를 보여주는군요.

멋집니다!!  

감사드립니다.^^

profile

제이엔지

2011.02.17 01:20:33
*.78.140.240

수고하셨어요~

profile

Song.

2011.02.17 12:08:54
*.186.51.229

심플 시리즈의 최고봉..ㅎㅎ

 

오랜만에 자료를 주셧네요..^^

bncPlan

2011.02.19 11:01:08
*.39.181.188

너무깔끔 ..

수고하셨어요

List of Articles
번호 제목 글쓴이 추천 수 조회 수
18 디자인 부문 티타늄 화이트2.0 (Titanuim White) 2.0 file [9] DRAWHOLIC 28 2966
17 디자인 부문 내 마음대로 꾸미기 [13] ForHanbi 28 1933
16 디자인 부문 NetCabin 사계(Four Seasons) 레이아웃 스킨 [2] NCD 11 1844
15 디자인 부문 NetCabin 블랙 앤 화이트(Black & White) 레이아웃 스킨 [1] NCD 13 2018
14 디자인 부문 sejin7940_calendar 위젯 [3] sejin7940 16 2187
13 디자인 부문 sejin7940_board ver.3 [9] sejin7940 31 1931
12 디자인 부문 Lune 게시판 스킨 [27] Lunacy Studios 46 2905
» 디자인 부문 ONYA 레이아웃/게시판 스킨 file [5] 궁뎅씨 22 2663
10 디자인 부문 Yoorim 모바일 패키지 file [13] yoorim 61 3042
9 디자인 부문 기능성 레이아웃 Karma_FL [5] 카르마 16 2098
8 디자인 부문 Portal Layout [13] 피아노맨2 22 1928
7 디자인 부문 Church Site layout file [11] 피아노맨2 27 2172
6 디자인 부문 crom iXE 레이아웃 [13] 장영주 aka Crom 39 2701
5 디자인 부문 fotowall XE file [3] ncloud 15 2257
4 디자인 부문 Gallery Layout [14] 피아노맨2 27 2807
3 디자인 부문 XGENESIS Official Layout [3] 제디슨 14 2190
2 디자인 부문 Heaven Layout [2] 언벨리티 15 1634
1 디자인 부문 PXE Clio [45] Hammer 114 2453