한넘

'정보/소소한팁'에 해당되는 글 2건

  1. 반응형 스킨 헤더메뉴 수정하기
  2. 티스토리 스킨 EGG 색상변경

반응형 스킨 헤더메뉴 수정하기

정보/소소한팁


블로그이름 밑에 메뉴가 있는 반응형 스킨을 사용하면 

자기에게 맞게 수정하거나 삭제, 추가 할 수 있습니다.


저는 카테고리에 메뉴가 몇개 없어서 그대로 적용 했습니다.





원본 스킨 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

티스토리 스킨 EGG 색상변경

정보/소소한팁

티스토리에서 기본적으로 제공하는 스킨중에 

2015년 공모전 동상을 수상한 EGG 스킨이 있습니다.

저도 지금 2017년 6월에 이 스킨을 사용하고 있는데요


처음 적용을 하고 보면 윗부분... (이부분 명칭을 모르겠네요)

블로그 이름있는 부분이 노란색으로 보이는 부분이 있죠

나는 노랑보다 녹색을 하고 싶다면


블로그 관리 -> 꾸미기의 HTML/CSS 편집을 누르고 

새창이 생기면 오른쪽 위에

HTML, CSS, 파일 업로드 3개가 나타나면 그중에

CSS를 클릭

아래 라인 넘버나 아무단어를 찾아 이동합니다.


이중에 이미지에도 표시했듯이

background-color의 첫번째 #의 뒷자리를 수정합니다.


색상은 아래처럼 수정하거나

원하는 색상을 찾고 싶으면 구글링하시면 되요


그리고 저장을 누르고 새로고침을 누르면

자기가 원하는 색상으로 변경됩니다.


'정보 > 소소한팁' 카테고리의 다른 글

반응형 스킨 헤더메뉴 수정하기  (0) 2017.07.04