가이드 Gray Style 2

2010.06.01 14:50

Elkha 조회 수:51358

Gray Style 2

레이아웃 설정의 이해를 돕는 문서입니다.

컬러셋, 사이트 제목 등의 간단한 설정에 대한 설명은 포함되어 있지 않습니다.

설치 경로

layouts/elkha_graystyle2 경로에 스킨을 업로드합니다.

홈 페이지 URL

홈 페이지 URL을 비워두면 로고에 링크가 걸리지 않습니다.

사이트 홈페이지 주소를 입력할 때는 /이나 /xe 등으로 쓰는게 편리합니다.

Login Layer (로그인 창)

로그인하고 Profile 클릭했을때 나오는 목록입니다.

기본: 회원 정보 보기, 스크랩 보기, 저장함 보기, 작성 글 보기, 친구 보기, 쪽지함 보기

축소: 회원 정보 보기, 포인트, 레벨, 소속 그룹

우측 상단 태그 제목

우측 상단 태그

레이아웃 우측 상단에 Select Language 옆에 레이어를 추가하는 기능입니다.

이 기능을 사용하여 최근 게시물, 출석 랭킹과 같은 위젯을 추가할 수 있습니다.

로고 위치

로고 사이즈게 제한은 없지만, 지나치게 크거나 작을경우 레이아웃과 어긋나게 될 수 있습니다.

아래 태그를 참조하여, 레이아웃 설정에서 헤더 스크립트에 입력해보세요.

<style type="text/css">
#header h1 { left:왼쪽px; top:오른쪽px; }
</style>

Search Bar (검색창)

우측 하단 우측 중간 우측 상단

검색창은 상단 메뉴 옆에 배치하는게 잘 어울립니다.

그런데 1차메뉴가 너무 많으면 메뉴와 검색창이 중복이 될 수 있습니다.

그런 경우를 고려하여 검색창을 상단 메뉴보다 위에 놓도록 선택할 수 있습니다.

검색창 위치를 상단으로 선택하면 Select Language 옆에 놓이게 됩니다.

Banner HTML Tags (배너 영역 태그)

동영상, 이미지, 위젯 등을 상단에 노출할 수 있는 기능입니다.

배너 태그를 입력하게 되면 이미지 배너는 가려지게 됩니다.

본문 배경

대부분의 컨텐츠는 흰색 배경에 적합하며 이 레이아웃의 기본 배경도 흰색입니다.

컨텐츠의 퍼포먼스를 위해 흰색 배경이 없도록 선택할 수 있습니다.

위젯 태그 1~7

widgetTags.jpg

제가 만든 레이아웃들을 사용해보셨다면 어느정도 익숙한 기능일 것입니다.

스킨을 수정하지 않고 위젯을 태그를 입력할 수 있는 기능으로, 제어판 > 사이트 설정 > 위젯 에서 태그를 뽑아올 수 있습니다.

Copyright 문구

클래스명을 powered 라고 입력한 태그는 Footer 우측에 표시됩니다.

사이트 이름과 같이 중요한 부분은 strong 태그로 마크업 하시는 것이 좋습니다.

아래는 제가 사용중인 마크업으로, Copyright 표기시 참고하시기 바랍니다.

&copy; <strong><a href="http://elkha.kr" target="Elkha">Elkha's Note</a></strong> - memo, scrap and other stuff
<span class="powered">Powered by XE<br />Skin by Elkha</span>

메뉴

지정 가능한 메뉴는 3가지가 있습니다.

  • 상단 메뉴

    사이트 좌측 최상단에 출력되는 메뉴입니다. 디자인에 어울리지 않을 경우, 선택하지 않는게 더 나을 수 있습니다.

  • 메인 메뉴

    4차까지 가능하며, 2차메뉴는 펼침기능을 사용하여 위젯 출력부분을 제어할 수 있습니다.

  • 하단 메뉴

    좌하단에 위치해 있으며 개인정보정책, 사이트맵 등의 요소를 배치하는게 좋습니다.

연동 자료

번호 제목 글쓴이 최근 수정일 조회 수
공지 메뉴에 새글 표시 모듈에서 텍스트가 올라가는 현상 Elkha 2013.08.31 121813
7 Sky 2 - v1.5 Elkha 2012.04.13 43355
6 Elkha - neutral file Elkha 2012.04.14 50113
5 Gray Style 2 - v1.5 엘카 2012.04.25 46160
» Gray Style 2 file Elkha 2013.10.05 51358
3 Elkha - Sky [1] file 엘카 2013.10.06 41591
2 Elkha - monochrome [1] file 엘카 2014.10.17 64406
1 Elkha - T.S.K. file 엘카 2017.04.22 52154