자료
2017.06.29 01:22

Gentelella

조회 수 1061 추천 수 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나 라이믹스 레이아웃입니다.

List of Articles
번호 분류 제목 글쓴이 날짜 조회 수
78 코드 폰트를 자동 설치하는 코드 1 네모 2018.07.16 977
77 코드 파이썬을 이용한 텔레그램 새 글 알림 (허접합니다) 4 이니스프리 2017.11.19 2520
76 코드 파이선 셸에서 실행하면...? 3 제르엘 2018.07.22 546
75 코드 클라이언트단에서 이미지 리사이징 6 file 네모 2018.05.06 1155
74 코드 컴퓨터의 uuid 얻기 5 title: 황금 서버 (30일)humit 2018.01.28 1239
73 코드 잘못 쓰면 컴퓨터가 날아가는 코드 29 제르엘 2018.07.08 1022
72 자료 이게 팔릴까 - Xe/라이믹스 에러페이지 [2017-10-04] 3 file title: 열려라 맛스타의 자물쇠TVJ 2017.10.04 753
71 코드 유튜브에 약간의 기능을 추가 해주는 크롬 확장 프로그램. 11 file Hanam09 2018.01.26 1078
70 코드 엑셀파일 불러서 히스토그램 그려주는 함수 국내산라이츄 2017.08.03 881
69 코드 엑셀 읽어서 그래프 그려주는 함수 1 국내산라이츄 2017.08.03 1555
68 코드 아주 간단한 기초 C++ 6 제르엘 2018.04.21 570
67 자료 소셜XE / 기존 통합 로그인 스킨 V2.2 2 file NoYeah 2017.06.28 1072
66 코드 세린서버에서 시도중인 백업 스크립트 입니다. 4 NoYeah 2017.06.27 837
65 코드 새 글 자동 댓글 스크립트 (AutoHotkey) 9 이니스프리 2017.11.26 3565
64 코드 사이트 서버 이전 (또는 미러링 사이트 구축) 쉽게하는 스크립트 1 NoYeah 2018.01.14 1042
63 코드 브라우저 언어에 따라 다른 폴더를 사용하는 PHP 코드 4 file 네모 2017.10.10 880
62 코드 미완성 받아쓰기 (C) title: 대한민국 국기gimmepoint 2018.04.20 578
61 코드 매우 특이한 버그 9 title: 대한민국 국기gimmepoint 2018.06.05 729
60 자료 링크 파싱 애드온용 스킨 (트위터 스타일) 3 file SNAX 2017.10.03 583
59 코드 도박 중독자를 위한 광고 차단 규칙 file 제르엘 2020.08.21 440
Board Pagination Prev 1 2 3 4 Next
/ 4