[종료] 해안 24

(움짤 만들기 귀찮아서 동영상 올리는데 넘 편하구 좋네여,,,,^^,,,,,,,)

크롬 최적화

반응형

- 카피라이트 제거, 수정 금지

- 이미지 파일과 소스 해당 스킨 외의 다른 곳에 사용하지 마세요

- 수정O 재배포,공유 X

꾸미기 - 스킨 편집 - 글 목록 형태 : 목록+내용

꾸미기 - 모바일 - 사용하지 않습니다.

관리홈은 a 누르면 열립니다(단축키)

수정 팁

html에서 카테수정을 찾은 후 그 밑에 카테고리명을 다 변경하면 됨.

href랑 title을 똑같이 맞춰야 됨.

어렵진 않지만.... 귀찮으니까 웬만하면 그냥 쓰시는 걸 추천합니다... 

우선 html에서 컨트롤+f로 cate-icon을 찾은 후 그 안에 원하는 아이콘을 넣는다.

ex) <span class="cate-icon"><i class="아이콘"></i></span>

이렇게 넣으면 됨 아이콘은 폰트어썸 혹은 xeicon 넣어야 됨 (팁 기준은 xeicon)

그 후에 html 상단에 있는 style 부분을 수정해야 됨

, #header .h-menu .category a .a-info

#header .h-menu a .cate-icon:hover, #header .h-menu .category a .sl-cate, .a-info {

background: ;

}

이거 다 지워주세요(콤마(,) 잘 확인해서 똑같은 거 지우셔야 돼요

그러고 나서

#header .h-menu .category a .a-info i, #header .h-menu a .cate-icon:hover i, #header .h-menu .category a .sl-cate i, .a-info i

이걸 

.paging a:hover i {

color: ;

}

여기에 넣어야 되는데 헷갈리면 그냥 밑에 거 복사해서 붙여넣기하세요

.paging a:hover i, #header .h-menu .category a .a-info i, #header .h-menu a .cate-icon:hover i, #header .h-menu .category a .sl-cate i, .a-info i {

color: ;

}

그러고 나서 css로 넘어가주세요.. 컨트롤+f로 header를 찾습니다 /* header */ 이 부분 찾으시면 돼요

#header .h-menu .cate-icon 이 안에 있는

width: 8px;

height: 8px;

border-radius: 50%;

background: #ececec;

이걸 다 지워주세요

그러고 나서 바로 밑에

#header .h-menu .cate-icon i {

color: #ececec;

}

이거 추가해주세요

그러고나서

#tt-body-location .n-icon, ~~~~~~~~~ {

background: #ececec !important;

}

이 부분의 background를 color로 수정하고 

또 i를 추가하셔야 돼요

n-icon 옆에 i를 추가해주세요 (전부 다)

#tt-body-location .n-icon i 

이렇게..

그럼 끝입니다... 부드럽게 변하는 걸 원하신다면

#header .h-menu .cate-icon i 괄호 안에

transition: .4s; 이거 추가해주시면 돼요

#header .h-menu .cate-icon 여기 안에 있는 거 잘라내기해도 됨

html에서 컨트롤+f로 갤러리형 찾은 후 카테고리명 수정하면 됨

더 추가하고 싶으면 || ptn == '/category/카테고리명' 추가

카테고리명에 한글 & 특문 들어가면

해당 카테고리 우클릭 - 링크 복사

http://shore24-test2.tistory.com/category/%EA%B8%80%EB%AA%A9%EB%A1%9D

주소가 이렇게 나오는데 category/ 이 뒤에 코드만 복사하면 됨

%EA%B8%80%EB%AA%A9%EB%A1%9D

이 부분만

질문 안 받습니다