[종료] 해안 8.1 (+ 카테고리, 태그클라우드 수정 팁 추가)

크롬 최적화

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

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

- 수정O 재배포, 공유 X

- 갤러리형 카테고리에 사진 없는 글 X

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

포인트 컬러

- ● #8EA6B4

테스트 블로그

- 

댓글 양식

- 성의 글:

 (장문의 편지를 원하진 않습니다 고맙다는 인사조차 안 하시는 분들이 많아서 추가했습니다.)

- 메일 주소 : 

(주소 뒤에 콤마(,) 꼭!!!!! 없으면 메일링x)

양식을 지키지 않은 댓글은 삭제합니다

수정 팁

html에서 d_m 찾은 후 이미지 파일 경로 수정

(가로 99px 이상의 사진 추천)

html 318번째 줄 수정

더 추가하고 싶으면 || 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

이 부분만

css에서 .sidebar .cate .category 안에 있는 text-align 수정 (left, center)

css만 수정하면 됨

전체보기 카테고리 삭제

.category .link_tit { display: none; } 추가

1. 하위 카테고리 숨기기

.category .sub_category_list { display: none; } 추가

2. 상위 카테고리 마우스오버 하위 카테고리 노출

.category .sub_category_list { max-height: 0; overflow: hidden; -webkit-transition: max-height linear 0.6s; -moz-transition: max-height linear 0.6s; transition: max-height linear 0.6s; }

.category .category_list li:hover ul { max-height: 100px } 추가

- 카테고리 왼쪽 정렬 기준

3.

.category .tt_category { margin-left: 15px; } /* 전체 카테고리 */

.category ul li ul li .link_item { font-weight: bold !important; } / * 상위 카테고리 */

.category ul li ul li .link_item:before { content:'-' } /* - 이거 말고 다른 거 넣어도 됨 */

.category ul li ul li ul li a { margin-left: 10px; } /* 하위 카테고리 */

추가

응용

.category .tt_category { margin-left: 15px; } /* 전체 카테고리 */

.category ul li ul li .link_item { font-weight: bold !important; } /* 상위 카테고리 */

.category ul li ul li ul li a { margin-left: 5px; } /* 하위 카테고리 */

.category ul li ul li ul li a:before { content:'-' }

설정이 안 먹히면 세미콜론(;) 전에 !important 추가

2,3번 동시에 적용 가능

ps. 메뉴를 리스트로 만든 저의 죄가 큽니다....,,,

css에서 #lst_gal .list_content .thumb랑 #lst_gal .list_content .overlay 여기에 border-radius: 50%; 추가

html에서 content2 안 아무 데나 (</div> <!-- content2 close --> 바로 위에 넣어도 됨)

<s_tag>
    <div class="taglog">
        <s_tag_rep>
            <a href="" class=""></a>
        </s_tag_rep>
    </div>
</s_tag>

이걸 넣는다

그리고 css에

/* 태그 클라우드 */

.taglog { text-align: justify; }

.taglog a { color: #8EA6B4; opacity: .6; transition: 0.4s; margin-right: 5px; }

.taglog a:hover { opacity: 1; }

이걸 추가한다

단계별로 꾸미고 싶으면

.taglog .cloud1 { ~ 내용 ~ }

.taglog .cloud2 { ~ 내용 ~ }

.taglog .cloud3 { ~ 내용 ~ }

.taglog .cloud4 { ~ 내용 ~ }

.taglog .cloud5 { ~ 내용 ~ }

이것도 추가한다 (1 많이 언급 5 적게 언급)

html에서 <div class="c_menu"><ul> 여기에 </ul></div>

<li><a href="/tag">tag</a></li> 이걸 추가한다

커서 코드 속 body를 html로 수정한다

css 

.commentList li .tistoryProfileLayerTrigger { display: none; }

.guestList li .tistoryProfileLayerTrigger { display: none; }

추가

haean.js 파일 첨부x html에서 <script src="haean"></script> 이거 지우고 그 자리에

<script>
$(document).ready(function(){
    $(".cate2").click(function(){
        var submenu = $(this).next(".category");
        if( submenu.is(":visible") ){
            submenu.slideUp();
        }else{
            submenu.slideDown();
        }
    });
});
</script>

이 코드 복붙

HTML에서 <div class="d_m><img src~~></div> 이 부분 삭제

css에서 .sidebar .c_menu { 어쩌구~ } 이 부분 삭제

!질문 받지 않습니다!