[쉽게적용하기] 사이트에 라이너아이콘 사용하기 > 그누보드5 스킨

그누보드5 스킨

좋은 댓글과 좋아요는 제작자에게 큰힘이 됩니다.

[쉽게적용하기] 사이트에 라이너아이콘 사용하기 정보

레이아웃 [쉽게적용하기] 사이트에 라이너아이콘 사용하기

첨부파일

Linearicons.tar (7.0K) 11회 다운로드 2021-09-08 11:56:40
테스트한 버전5.4.15.1
호환 가능 버전5.4.15.1

본문

먼저 정중하게 태클 사양합니다. 본인한테 안맞으면 안쓰시면 됩니다.

사정에 의해 이 게시글은 언제든 삭제될 수 있습니다.

중복일 수 도 있습니다^^

 

그누보드5.4 NEW관리자인 아이스크림S10을 개발하면서 나온 기능입니다

단순하게 구현한 것이라서 소스가 허접합니다. 양해의 말씀드립니다^^

혹시나 필요하신 분들을 위해 올려봅니다. 고수분들과 이미 아시는 분들은 패스하세요^^

 

 

 

그누보드에는 기본적으로 폰트어썸4 ( Font awesome4 ) 버전이 

기본적으로 적용되어있습니다.

하지만 아이콘의 성향이 다른 디자인의 아이콘이 필요했습니다.

그래서 폰트어썸과 디자인과는 다른 디자인을 추구하는 만화에 쓰일듯한 라이너아이콘을 추가하는 방법을 적용 해 보았습니다.

 

단순히 링크만으로 사용하실 수 있습니다

아이콘이나JS,  CSS 는 라이너아이콘 공식사이트에서 링크로 제공합니다.

※ 라이너아이콘의 모든 라이브러리를 설치해서, 운영하는 사이트에서 불러오려면

※ 공식사이트에서 다운받아서 설치방법안내에 따라서 직접 설치하세요!

 

 

 

라이너 아이콘 공식사이트 ( free 카테고리만 무료로 사용가능합니다 )

https://linearicons.com/free

유료버전인 PREMIUM버전은 구매해서 사용하셔야 합니다

 

 

[ 사용방법 ]

 

수정해서 사용 중인 파일이거나 다른 테마를 사용중이라면 해당 파일들을 학인 후 적용하세요

파일을 다운로드 받아서 압축을 풀어주세요 

그누보드 5.4.15.1 버전에 최적화되어 있습니다 

 

1) 폴더안에 theme 폴더가 있습니다. 

- 해당파일들의 위치는 theme > basic >  안에 수정할 파일들이 있습니다

head.sub.php 파일을 열어서, 94줄~101줄 을 복사해서 동일한 위치에 넣어줍니다

- basic테마에 한해 처음 사용하거나 수정한 적이 없으시면, 해당 파일을 그대로 덮어쓰셔도 됩니다

 

4) 사이트에 feather아이콘을 사용하려면 원하는 위치에 소스를 기재하면 됩니다.

<span class="lnr lnr-shirt"></span> 

- 공식사이트인 https://linearicons.com/free 에서 진열된 아이콘을 클릭하시면, 해당 아이콘을 출력하는 소스가 나옵니다. 복사해서 사용하시면 됩니다

 

※ 라이너아이콘의 모든 라이브러리를 설치해서, 운영하는 사이트에서 불러오려면

※ 공식사이트에서 다운받아서 설치방법안내에 따라서 직접 설치하세요!

단순한 링크라서 그누보드 버전에 상관없이 사용하실 수 있지만, 

스크립트, CSS 불러들이는 소스는 해당버전에 맞게 수정하셔서 적용하셔야 할 수도 있습니다^^

 

 

단순하게 구현한 것이라서 소스가 허접합니다. 양해의 말씀드립니다^^

 

 

 

(라이너아이콘 무료아이콘 디자인 확인하기) 

라이너 아이콘 공식사이트

https://linearicons.com/free

 

(미리보기 이미지의 아이콘 디자인이 적용된 사이트 미리보기) 

라이너 아이콘이 일부 적용된 아이스크림 사이트 

https://icecreamplay.cafe24.com/

 

(미리보기 이미지의 아이콘 디자인이 적용된 관리자모드 미리보기) 

라이너 아이콘이 일부 적용된 아이스크림 사이트 

http://icecreams10.creamcon.kr/adm.cream/

http://icecreamge10.creamcon.kr/adm.cream/

체험아이디 : kim  비밀번호 : 1111

 

(아이스크림시리즈 기능소개)

http://icecreamplay.cafe24.com/bbs/board.php?bo_table=newskil_S9

 

 

 

모두 건강하시고, 행복한 한 해 되시길 바라겠습니다^^ 

추천
4

댓글 전체

전체 2,069 |RSS
그누보드5 스킨 내용 검색

회원로그인

(주)에스아이알소프트 / 대표:홍석명 / (06211) 서울특별시 강남구 역삼동 707-34 한신인터밸리24 서관 1404호 / E-Mail: admin@sir.kr
사업자등록번호: 217-81-36347 / 통신판매업신고번호:2014-서울강남-02098호 / 개인정보보호책임자:김민섭(minsup@sir.kr)
© SIR SOFT