반응형 스킨 헤더메뉴 수정하기
정보/소소한팁블로그이름 밑에 메뉴가 있는 반응형 스킨을 사용하면
자기에게 맞게 수정하거나 삭제, 추가 할 수 있습니다.
저는 카테고리에 메뉴가 몇개 없어서 그대로 적용 했습니다.
원본 스킨 HTML 소스코드
<!-- <li class="tab_home"><a href="https://hannem.tistory.com/"><i class="icon-home icons"></i> <span class="hidden-xs">Home</span></a> </li> <li class="tab_category"><a href="/category"><i class="icon-note icons"></i> <span class="hidden-xs">Category</span></a> </li> <li class="tab_localog"><a href="https://hannem.tistory.com/location"><i class="icon-pointer icons"></i> <span class="hidden-xs">Locallog</span></a> </li> <li class="tab_taglog" ><a href="https://hannem.tistory.com/tag"><i class="icon-tag icons"></i> <span class="hidden-xs">taglog</span></a> </li> <li class="tab_guestbook" ><a href="https://hannem.tistory.com/guestbook"><i class="icon-bubble icons"></i> <span class="hidden-xs">guestbook</span></a></li> --> |
수정 HTML 소스코드
<li class="tab_home"><a href="/category/정보/자기개발"><i class="icon-note icons"></i> <span class="hidden-xs">자기개발</span></a> </li> <li class="tab_home"><a href="/category/정보/소소한팁"><i class="icon-bubble icons"></i> <span class="hidden-xs">소소한팁</span></a> </li> <li class="tab_home"><a href="/category/정보/관심정보"><i class="icon-tag icons"></i> <span class="hidden-xs">관심정보</span></a> </li> <li class="tab_home"><a href="/category/정보/뉴스이슈"><i class="icon-note icons"></i> <span class="hidden-xs">뉴스이슈</span></a> </li> <li class="tab_home"><a href="/category/정보/첨단IT"><i class="icon-pointer icons"></i> <span class="hidden-xs">첨단IT</span></a> </li> <li class="tab_home"><a href="/admin"><i class="icon-home icons"></i> <span class="hidden-xs">관리자</span></a> </li> |
스킨 수정 부분에서 HTML에서
굵게된 부분을 수정하면 됩니다.
카테고리 주소, 아이콘, 보여지는 이름 입니다.
추가적으로 드롭박스 형태로도 수정이 가능하니
추후에 시간되면 기록하도록 하겠습니다.
'정보 > 소소한팁' 카테고리의 다른 글
티스토리 스킨 EGG 색상변경 (0) | 2017.06.26 |
---|