자료
2017.06.29 01:22

Gentelella

조회 수 1070 추천 수 0 댓글 3
?

단축키

Prev이전 문서

Next다음 문서

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

단축키

Prev이전 문서

Next다음 문서

크게 작게 위로 아래로 댓글로 가기 인쇄 첨부
Extra Form
라이선스 MIT

다운로드 : gentelella_V0.1.3.zip

 

- 소개

 Gentelella 레이아웃은 부트스트랩 기반의 Admin 템플릿 페이지 입니다.
반응형이며, 간결한 디자인으로 라이믹스 버전으로 변환하였습니다.
 
원본 Github : https://github.com/puikinsh/gentelella
원본 데모보기 : https://colorlib.com/polygon/gentelella/index.html

 

- 특징

  • 반응형
  • 메뉴에 폰트어썸 아이콘을 같이 사용시 메뉴가 깔끔해집니다.
  • 검색창
  • 상단에 프로필 메뉴 표시
  • 사이드바 고정 가능
  • 푸터 고정가능
  • 3차 메뉴 지원
  • 사이트 제목에 폰트어썸 아이콘 추가 가능 (0.1.3 이후 가능)

 

- 주의 사항 (중요!)

  • 하위 메뉴가 존재하는 상황에서 상위 메뉴에 링크가 있으면 하위 메뉴가 펼쳐지지 않는 버그가 있습니다.
    하위 메뉴가 존재하는 경우에는 상위 메뉴에 링크가 없도록 만드셔야 합니다.
    (만드는 방법 - 메뉴 타입을 바로가기로 하고 연결주소를 # 로 하면 됩니다.)
  • 모바일에서는 2차메뉴까지만 지원됩니다.

상기 주의 사항들은 Gentelella 오리지널 템플릿이 수정되는 대로 반영하겠습니다.

하지만, 개선 진행이 더뎌 거의 포기하는게 좋을 듯합니다.

/js/custom.js 와 /js/custom.min.js 파일을 수정하면 되는데, 저는 그 능력까지는 되지 않아 혹여, 능력자가 있으시다면 수정 후 재 배포 부탁드립니다.

 

V0.1.3 이후 모바일 로고는 삭제하였습니다. (레이아웃 상에서 사용하지 않는 변수 입니다.) 대신 로고 이미지를 사용하지 않고 로고 텍스트 사용시 폰트 어썸 아이콘을 추가할 수 있게 하였습니다.

폰트어썸 아이콘은 http://fontawesome.io/icons/ 에서 확인 가능합니다.

또한, 레이아웃 설정에서 입력시 

<i class="fa fa-bars" aria-hidden="true"></i>

위와 같은 전체 코드에서 bars 와 같이 아이콘 이름만 입력하면 됩니다.

 

 

- 데모페이지

상단에 데모 페이지가 있지만, 라이믹스용으로 변환된 사이트는 아래의 사이트를 확인해보시면 됩니다.

https://sfuhost.tk/

 

 

- 스크린 샷

K-112.jpg

K-113.jpg

K-114.jpg

K-115.jpg

 

 

 

- 버전

V 0.1.3 사용하지 않는 모바일 로고 삭제 / 로고 이미지 사용안할 시 Font Awesome 아이콘을 사용하도록 추가 (현재)

V 0.1.2 XE에서 메뉴가 제대로 작동안하는 문제 해결 

V 0.1.1 메뉴 고정시 스크롤 추가

V 0.1 - 초기 버전

 

 

- 라이선스

오리지널이 MIT 라이선스라 그에 따라 갑니다.

 

  • ?
    kingsway 2017.09.18 16:20
    감사합니다~
  • profile
    JAVA 2017.11.21 10:02
    이거 관리자 페이지로 만들 수 있는 소스인가요?
  • profile
    NoYeah 2017.11.21 11:02
    아뇨.
    Cms의 한 종류인 Xe나 라이믹스 레이아웃입니다.

  1. 세린서버에서 시도중인 백업 스크립트 입니다.

    Date2017.06.27 Category코드 ByNoYeah Views856
    Read More
  2. 소셜XE / 기존 통합 로그인 스킨 V2.2

    Date2017.06.28 Category자료 ByNoYeah Views1096
    Read More
  3. 경험치 현황 위젯

    Date2017.06.28 Category자료 ByNoYeah Views918
    Read More
  4. Gentelella

    Date2017.06.29 Category자료 ByNoYeah Views1070
    Read More
  5. Gentelella 레이아웃에 사용가능한 가격 테이블 위젯입니다.

    Date2017.07.03 Category자료 ByNoYeah Views715
    Read More
  6. AdminLTE용 에디터 스타일

    Date2017.07.07 Category자료 Bytitle: 은메달도다 Views880
    Read More
  7. 엑셀파일 불러서 히스토그램 그려주는 함수

    Date2017.08.03 Category코드 By국내산라이츄 Views887
    Read More
  8. 엑셀 읽어서 그래프 그려주는 함수

    Date2017.08.03 Category코드 By국내산라이츄 Views1576
    Read More
  9. RBGE - 이쁘고 깔끔한 에러페이지

    Date2017.08.08 Category자료 Bytitle: 열려라 맛스타의 자물쇠TVJ Views789
    Read More
  10. even_move - 감성적인 에러 페이지

    Date2017.08.08 Category자료 Bytitle: 열려라 맛스타의 자물쇠TVJ Views924
    Read More
  11. [XE / Rhymix] Bootstrap 패널 위젯 스타일

    Date2017.08.09 Category자료 Bytitle: 은메달도다 Views722
    Read More
  12. [1.8a] Bootstrap 'Panel' 위젯 스타일

    Date2017.08.09 Category자료 Bytitle: 은메달도다 Views706
    Read More
  13. Git 저장소에서 자동으로 받아 업데이트하는 쉘 스크립트

    Date2017.09.16 Category코드 ByNoYeah Views859
    Read More
  14. [Bootstrap] xeACE 레이아웃

    Date2017.09.17 Category자료 Bytitle: 은메달도다 Views761
    Read More
  15. 링크 파싱 애드온용 스킨 (트위터 스타일)

    Date2017.10.03 Category자료 BySNAX Views644
    Read More
  16. 이게 팔릴까 - Xe/라이믹스 에러페이지 [2017-10-04]

    Date2017.10.04 Category자료 Bytitle: 열려라 맛스타의 자물쇠TVJ Views774
    Read More
  17. AdBlock 접근 방지 애드온 v0.1

    Date2017.10.05 Category자료 By네모 Views764
    Read More
  18. 브라우저 언어에 따라 다른 폴더를 사용하는 PHP 코드

    Date2017.10.10 Category코드 By네모 Views936
    Read More
  19. 파이썬을 이용한 텔레그램 새 글 알림 (허접합니다)

    Date2017.11.19 Category코드 By이니스프리 Views2561
    Read More
  20. 새 글 자동 댓글 스크립트 (AutoHotkey)

    Date2017.11.26 Category코드 By이니스프리 Views3590
    Read More
Board Pagination Prev 1 2 3 4 Next
/ 4