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

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

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

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

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

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

사용방법

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

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

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

[code]

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

[/code]

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

[code]
.me_icon{
        font-family: fontAwesome;
        font-size:1.3em;
}
[/code]

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

아이콘 추가 방법

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

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

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

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

[code]

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

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

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

[code]

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

[/code]