1. 준비
타이틀 물결.zip
위의 타이틀 물결.zip 다운로드을 눌러 타이틀 물결.zip 를 다운로드 받습니다.
압축을 풀면 자바 스크립트 viewTitle, 플래시 viewTitle , 텍스트 script 이렇게 3개의 파일이 들어있습니다.
그럼 이제 티스토리 블로그의 HTML/CSS 편집 을 건드려야 하니, 만약을 대비해 지금 사용하고 있는 스킨을 저장해 줍니다.
스킨저장은 관리자 - 스킨 - 스킨선택 에서 스킨저장을 눌러 저장해 주시면 됩니다.
위에서 저장하신 스킨으로 되돌아가려 하실땐 관리자 - 스킨 - 스킨선택 - 저장한스킨 에서 저장하신 스킨의 적용을 눌러 되돌아가시면 됩니다.
이제 준비단계가 끝났습니다.
2. 설치
이제 다운로드 받은 3개의 파일 중 script 를 제외한 viewTitle 2개의 파일을 업로드 해줍니다.
관리자 - 스킨 - HTML/CSS 편집 - 파일업로드 에서 파일을 업로드 하시면 됩니다.
이제 파일업로드 옆의 HTML/CSS 편집 으로 이동합니다.
HTML/CSS 편집에서 Ctrl+F 찾기 를 이용해 ##_article_rep_title_## 을 찾습니다.
skin.html 안에 2곳(2개일치)이 있다고 알려줍니다.
그 2곳 모두를 다운로드한 script 소스로 바꿔주시면 됩니다.
skin.html
<h2><a href="{##_article_rep_link_##}">{##_article_rep_title_##}</a></h2>
위와 같은 <h2>~</h2>가 skin.html 안에 또 있습니다.
<h2><a href="{##_article_rep_link_##}">{##_article_rep_title_##}</a></h2>
위에서 찾으신 <h2>부터 </h2>까지 2곳 모두를 삭제 하시고, 그 자리에 아래(다운로드한) script 소스를 각각 넣어줍니다.
텍스트 script
<!--Flash title Script Start -->
<script language="javascript" src="./images/viewTitle.js" type="text/javascript">
</script>
<script language="javascript">
showTitle("./images/", "viewTitle.swf", 600, 30, "{##_article_rep_title_##}", "{##_article_rep_link_##}", "center", "0x00000");
</script>
<!--Flash title Script End -->
<h2><a href="{##_article_rep_link_##}">{##_article_rep_title_##}</a></h2>
위와 같은 <h2>~</h2>가 skin.html 안에 또 있습니다.
<h2><a href="{##_article_rep_link_##}">{##_article_rep_title_##}</a></h2>
위에서 찾으신 <h2>부터 </h2>까지 2곳 모두를 삭제 하시고, 그 자리에 아래(다운로드한) script 소스를 각각 넣어줍니다.
텍스트 script
<!--Flash title Script Start -->
<script language="javascript" src="./images/viewTitle.js" type="text/javascript">
</script>
<script language="javascript">
showTitle("./images/", "viewTitle.swf", 600, 30, "{##_article_rep_title_##}", "{##_article_rep_link_##}", "center", "0x00000");
</script>
<!--Flash title Script End -->
위의 {} 은 [] 입니다. 설명을 하려고 {}으로 사용했습니다. 다운로드한 script 소스는 따로 수정할 필요없으십니다.
skin.html 안의 2곳에 모두 다운로드한 script 소스로 바꾸시고 미리보기를 하시면 물결 플래시가 적용된 포스팅 타이틀을 보시게 될것입니다. 이제 저장만 해주시면 완료입니다.
밑의 내용은 크기및 정렬,색상을 변경해서 사용하시려는 분들께 설명 드립니다.
텍스트 script
<!--Flash title Script Start -->
<script language="javascript" src="./images/viewTitle.js" type="text/javascript">
</script>
<script language="javascript">
showTitle("./images/", "viewTitle.swf", 600, 30, "{##_article_rep_title_##}", "{##_article_rep_link_##}", "center", "0x00000");
</script>
<!--Flash title Script End -->
<!--Flash title Script Start -->
<script language="javascript" src="./images/viewTitle.js" type="text/javascript">
</script>
<script language="javascript">
showTitle("./images/", "viewTitle.swf", 600, 30, "{##_article_rep_title_##}", "{##_article_rep_link_##}", "center", "0x00000");
</script>
<!--Flash title Script End -->
600 - 타이틀의 가로크기
30 - 타이틀의 세로크기
center - 중앙 정렬 (left - 좌측 정렬, right - 우측 정렬)
0x00000 - 타이틀 색상 (16진수 색상, 기본 black)
타이틀 색상 변경은 밑의 코드 색상표를 보시고 맨앞의 #을 뺀 뒤의 6자리 코드를 0x 뒤에 넣어 변경하시면 됩니다.
위에서 skin.html 에 script 소스 를 넣은 2곳을 같이 변경해 주셔야 적용이 됩니다.
