자료
2017.06.29 01:22

Gentelella

조회 수 1062 추천 수 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
번호 분류 제목 글쓴이 날짜 조회 수
18 코드 [아미나] Dropbox API를 이용한 이미지 호스팅 보드스킨 12 file 이니스프리 2019.07.13 1597
17 코드 [PyQt] sir.kr에서 스크랩한 게시글을 보여주는 윈도우앱 (검색 및 정렬 가능) 7 file 이니스프리 2019.08.09 1128
16 코드 [Python] PIL을 이용한 Animated GIF의 리사이징 file 이니스프리 2019.11.03 1317
15 코드 [Python] 싸이월드 미니홈피 백업 스크립트 1 이니스프리 2019.11.07 2446
14 코드 [JS] 클라이언트단 GET Parameter Hanam09 2019.11.16 663
13 코드 [파이썬] Requests를 사용한 네이버 카페 크롤링 - 일정수 이상의 리플이 달린 게시글만 텔레그램 알림 3 file 이니스프리 2019.11.17 4348
12 코드 [Python] Google Image Search 결과를 받아오기 file 이니스프리 2019.12.09 1189
11 코드 JavaScript에서 파이썬 문자열 처리 함수 중 하나 (바인딩)를 구현 7 Seia 2020.01.20 564
10 코드 Koa에서 자동으로 라우팅 채워주기 Seia 2020.01.22 670
9 코드 [Python] 네이버 실시간 검색어 3 title: 황금 서버 (30일)humit 2020.01.23 1322
8 코드 [Python] url 주소로부터 IP 주소 알아내기 title: 황금 서버 (30일)humit 2020.02.20 2224
7 코드 [Python/Telegram] Studyforus 알림봇 (댓글, 스티커 파싱) 7 file 이니스프리 2020.05.15 834
6 자료 [Autohotkey] 매분 정각에 전체화면을 캡쳐하는 스크립트 4 file 이니스프리 2020.05.22 1243
5 코드 [Python] 유튜브 영상을 다운받아 일정 간격으로 캡쳐하여 10장씩 merge하기 3 file 이니스프리 2020.05.27 1256
4 코드 도박 중독자를 위한 광고 차단 규칙 file 제르엘 2020.08.21 442
3 코드 [Python] 휴일지킴이 약국을 크롤링하여 Folium 지도에 마커로 표시하는 PyQt 윈도우 앱 7 file 이니스프리 2021.03.13 1255
2 코드 [Python-Gnuboard] 파이썬으로 구현한 그누보드 자동 글쓰기 함수 1 file 이니스프리 2021.04.08 1508
1 코드 AWSCLI, in a single file (portable, linux) 1 file Seia 2021.04.10 312
Board Pagination Prev 1 2 3 4 Next
/ 4