B

XE

레이아웃
2017.01.21 23:04

사이트 레이아웃 Sininen

조회 수 100 댓글 0
?

단축키

Prev이전 문서

Next다음 문서

크게 작게 위로 아래로 댓글로 가기 인쇄 첨부
?

단축키

Prev이전 문서

Next다음 문서

크게 작게 위로 아래로 댓글로 가기 인쇄 첨부
Extra Form
유/무료 무료
URL (깃허브) https://github.com/JuwanPark/xe/tree/master/layouts/sininen
비고 다운로드는 아래 글을 참고.

sininensshot1.png

 

sininensshot2.png

 

xe용 사이트 레이아웃 Sininen입니다.

심플하면서도 모던한 느낌이 깔끔한 맛을 주는 것이 특징으로, PC와 모바일 화면에서 볼 수 있는 반응형 레이아웃입니다.

이 레이아웃은 3단 메뉴까지 지원합니다. (하위 메뉴가 있는 2단 메뉴 항목으로 들어가면 3단 메뉴 표시줄이 추가로 생깁니다.)

또한, 기본 위젯과 관련된 CSS를 내장하고 있으며 13가지의 색을 지원합니다.

(파랑, 제비꽃, 보라, 진분홍, 빨강, 황갈색, 노랑, 노랑연두, 초록, 에메랄드, 청록, 밝은파랑, 검정)

※ Content 위젯 삽입시 위젯스킨은 기본(default), 컬러셋은 레이아웃에 맞춤, HTML 출력 방식은 UL(list)을 선택하시기 바랍니다.

 

업데이트 내역

1.01: 일부 브라우저에서 강제 스크롤 버튼 작동 안 되는 버그 수정, 기타 미세 조정.

 

다운로드: sininen_1_01.zip

설치 방법: xe의 layouts 디렉터리 밑에 sininen 폴더를 만들어서 업로드합니다.

 

※ sininen은 핀란드어로 '파랑'(blue)을 뜻합니다. 필자가 좋아하는 색이고, 파란색으로 시작해서 13개의 색으로 확장하였기 때문입니다.

※ 이 레이아웃은 여러 브라우저와의 호환성을 고려하여 제작되었으며, 구글 크롬에서 가장 잘 보입니다.

※ 이 레이아웃의 디자인은 Creative Commons 3.0 BY 라이선스로, 소스코드는 GPL v2로 배포합니다.

구 버전

1.00: sininen.zip

?

  1. 위젯 강제 개행기

    위젯 페이지에 넣어 위젯을 강제로 개행시키는 위젯입니다. 이 위젯의 용도는 위젯 페이지에 위젯의 폭을 좁게 해서 바둑판식으로 나눠 쓸 때 레이아웃 보호용입니다. 바둑판식 콘텐츠 위젯을 쓸 때 위젯의 높이가 불균일할 경우 의도치 않게 레이아웃이 깨져...
    Date2017.02.12 Category위젯
    Read More
  2. highlight.js 구문강조 애드온

    highlight.js 구문강조를 xe에서 사용하기 위한 애드온입니다. 이 애드온을 사용하면 프로그래밍 코드 등의 구문을 색깔로 강조하는 효과를 자동으로 부여할 수 있습니다. 프로그래밍 관련 사이트 등에 사용하면 유용한 애드온입니다. 사용법 이 애드온을 설...
    Date2017.01.25 Category애드온
    Read More
  3. GravaGen - 그라바타 생성기 위젯

    그라바타(Gravatar)를 xe에서 사용하기 위한 위젯입니다. 이 위젯을 사용하면 그 변수로 입력한 메일 주소에 맞는 그라바타가 생성됩니다. 그라바타를 사용하고자 할 때 레이아웃 스킨 등의 코드에 이 위젯 코드를 사용하면 안성맞춤입니다. 예: <img cond="$...
    Date2017.01.23 Category위젯
    Read More
  4. 위젯 스타일 Sininen

    xe용 위젯스타일 Sininen입니다. 심플하면서도 모던한 느낌이 깔끔한 맛을 주는 것이 특징으로, 사이트 레이아웃 Sininen과 잘 어우러집니다. 물론 다른 사이트 레이아웃과도 함께 사용할 수 있습니다. 또한, 13가지의 색을 지원합니다. (파랑, 제비꽃, 보라,...
    Date2017.01.21 Category위젯스킨
    Read More
  5. 사이트 레이아웃 Sininen

    xe용 사이트 레이아웃 Sininen입니다. 심플하면서도 모던한 느낌이 깔끔한 맛을 주는 것이 특징으로, PC와 모바일 화면에서 볼 수 있는 반응형 레이아웃입니다. 이 레이아웃은 3단 메뉴까지 지원합니다. (하위 메뉴가 있는 2단 메뉴 항목으로 들어가면 3단 메...
    Date2017.01.21 Category레이아웃
    Read More
Board Pagination Prev 1 Next
/ 1
 
LOGIN