친절한효자손 취미생활

반응형

본문의 친효스킨 전용 태그 모듈 스타일을 따로 설치가 가능한지에 대한 문의 댓글이 있었습니다. 생각해보니 태그 모듈만 따로 만들어 배포는 하지 않았었군요. 그러므로 즉시 착수에 옮겨봅니다. 본문 하단의 태그 부분으로 스타일은 친효스킨을 따릅니다. 타스킨에서도 적용 가능합니다.

 

파일 다운로드

먼저 아래의 첨부파일을 다운로드 받습니다.

 

친효애드온 - 본문 태그 모듈.txt
0.00MB

 

텍스트 파일을 열어보시면 HTML 태그와 CSS 스타일 코드가 들어있습니다. 다음은 세팅 방법입니다.

 

HTML 세팅

먼저 뼈대에 해당하는 HTML 태그를 사용하고자 하는 스킨에 설치해야 합니다.

 

<div class="tagTrail">
    <span class="tagText">TAG : </span> [##_tag_label_rep_##]
</div>

위의 태그는 친효스킨 본문에서 사용하고 있는 태그 모듈 코드입니다. 이것을 현재 사용하는 스킨의 본문 아래에 붙여넣어야 합니다. 그런데 문제가 있죠? 그렇습니다. 본문 아래가 어딘지 모른다는 것입니다. 통상적으로 티스토리의 본문 치환자는 [##_article_rep_desc_##] 을 사용합니다. 문제는 이 치환자가 1개만 있는 스킨이 있는 반면 두개 내지 세개까지 사용하는 스킨도 존재한다는 것입니다. 만약 현재 자신의 스킨이 1개만 있다면 저 태그 바로 아래에 붙여넣기를 해서 사용하면 되지만 두개, 세개까지 존재하는 스킨의 경우에는 어떤 위치의 치환자인지를 분석해야 합니다.

 

크롬 검사 개발툴 기능으로 간단하게 CSS 코딩 전/후 결과를 비교하는 방법

 

크롬 검사 개발툴 기능으로 간단하게 CSS 코딩 전/후 결과를 비교하는 방법

가끔씩 댓글로 CSS 설정 완료 후 적용이 잘 안된다는분이 계십니다. 그럴때는 간단하게 크롬에서 직접 비교해서 테스트 할 수 있는 방법이 있습니다. 당연히 크롬을 이용해서 해야 합니다. 물론

rgy0409.tistory.com

이 방법으로 크롬에서 해당 위치의 태그를 찾아낼 수 있습니다.

 

CSS 세팅

스타일은 간단합니다. 사용중인 스킨의 CSS 탭으로 들어가 적당히 빈 공간을 만들고 그대로 붙여넣어 저장하면 끝입니다. 쉽습니다. 여기까지 완료하면 모두 저장 후 본문에 정상적으로 삽입이 되었는지 확인해 보시기 바랍니다. 그러면 모두 성공하시기를 빕니다. 끝.

공유하기

facebook twitter kakaoTalk kakaostory naver band

댓글

비밀글모드