상단메뉴에 아이콘 표시기능 > 그누보드5 플러그인

그누보드5 플러그인

그누보드는 다양한 기능을 추가하기 쉽습니다.

상단메뉴에 아이콘 표시기능 정보

상단메뉴에 아이콘 표시기능

첨부파일

menu.zip (6.7K) 11회 다운로드 2022-03-11 22:56:40 포인트 차감10
테스트한 버전5.5.2
호환 가능 버전5.5 5.4

본문

상단메뉴에 아이콘을 표시할수 있도록 만들어 봤습니다.

폰트어썸을 활용해서 관리자 페이지에서 아이콘을 선택후 저장하면

상단 메뉴에 표시가 되도록 만들었습니다.

 

3673013398_1647006251.6174.png

 

테스트 : https://bear0724.com/5.5/ 아이디 test 비번 test

오로지 관리자 페이지에 메뉴 설정만 접근 가능합니다.

 

사용방법

head 부분에 메뉴 혹은 여러분 사이트 메뉴 부분에 아래코드를 추가 해주시면 됩니다.


 <i class="<?php echo $row['me_icon'] ?>" aria-hidden="true"></i>

이런 식으로 추가해 주시면 됩니다. 아이콘을 앞에 넣고 싶은 분들은 me_link echo 앞부분에 넣으심 됩니다.


<a href="<?php echo $row['me_link']; ?>" target="_<?php echo $row['me_target']; ?>" class="gnb_1da"><?php echo $row['me_name'] ?> <i class="<?php echo $row['me_icon'] ?>" aria-hidden="true"></i></a>

 

그다음에 adm 폴더에 css폴더를 열면 admin.css가 있습니다. 적당한 위치에 아래 코드를 추가해주고


.me_icon{
        font-family: fontAwesome;
        font-size:1.3em;
}

압축된 파일을 받아서 adm폴더에 넣어준 다음에 아래처럼 phpmyadmin등을 사용하여 me_icon이라는 컬럼을 추가해 주면 끝납니다.

 

3673013398_1647006259.3054.png

 

 

아이콘 추가 방법

menu_form.php를 열어보시면 여기서 185번째 줄을 하나 복사후에 아래줄에 붙혀넣습니다.

 

그다음 fa-question 이부분을 원하는 아이콘으로 아래에서 찾아서 복붙 합니다.

그다음 옆에 &으로 시작하는 것도 옆에 보시면 있습니다. 그것도 변경해줍니다.

https://fontawesome.com/v4/cheatsheet/

 


list += "<option value=\"fa fa-question\">&어쩌구</option>";

 

menu_list.php 부분은 역시 위에랑 비슷하게 131줄을 복사해 아래줄에 붙혀넣습니다.

그다음 똑같이 fa-question부분 2개를 수정해주고 &으로 시작하는 부분을 수정해줍니다.


<option value="fa fa-question"<?php echo get_selected($row['me_icon'], 'fa fa-question', true); ?>>&어쩌구</option>                

 

추천
8

댓글 전체

전체 420
그누보드5 플러그인 내용 검색

회원로그인

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