본문 바로가기

공부합시다

티스토리 제목을 물결무늬 플래시로 바꾸자!


저와 같은 블로그 초보를 위해 제가 알고 있는 내용을 함께 공유하는 차원에서 포스팅하나만 하겠습니다 ^^
저 역시, 지금은 알고 있으나 나중에라도 스킨 변경할 때 등등... 일일히 찾아다니는 수고를 덜기 위해 제 블로그에 직접 게재 해 두는 것이 좋을 것 같아서..

일단, 결과물을 한번 보실까요?


나름 괜찮죠? ^^ 자 그럼 시작 해 볼까요? 순서대로 하시면 어렵지 않아요~ ^^

1. 아래의 파일을 다운로드 하세요. 


다운로드 한 파일의 압출을 풀면, [viewTitle.js] [ viewTitle.swf] 이렇게 두개의 파일을 확인하실 수 있습니다.

2. 압출 해제한 두개의 파일을 업로드 합니다.
    관리자화면 - [꾸미기]-[HTML/CSS편집]-[파일업로드] 항목을 이용해서 업로드 합니다.  



3. 업로드가 끝나셨으면 이제 skin.html을 수정합니다.
   관리자화면 - [꾸미기]-[HTML/CSS편집]-[HTML/CSS] 항목을 이용해서 업로드 합니다.   


skin.html 창에서 Ctrl+F 키를 이용하여 article_rep_title 을 검색 합니다.
검색하면, 위의 문구가 포함된 부분이 2번 나옵니다. 중요한 것은 소스편집을 2부분 모두 해 주어야 포스트 제목이 제대로 바뀐다는 점 알아두세요! ^^

스크린샷을 통해 확인하시는 것이 편할 듯 하여, 그냥 편집 된 화면을 보여 드리겠습니다.



잘 보이시나요?
기존 타이틀 적용부분을 비활성화 하기 위해서 앞뒤에 주석 (<!-- 기존타이틀 --->)을 삽입하구요.- 1번
새로운 타이틀을 화성화 하기 위해 소스를 추가로 작성하여 삽입 합니다. - 2번

article_rep_title로 검색한  두번째 부분 역시 동일한 방법으로 해주시면 되는데요.
이 역시 스크린 샷을 참고하세요.


위에꺼 보고 적으시기 힘들테니, 아래의 메모장 파일을 다운로드 하셔서 사용하시면 됩니다.
아예, 덮어쒸우셔도 되구요 ^^



이때, 팁을 하나 말씀드리면...
소스문장 끝부분에 "left", "0xCC0000"을 변경하여 제목의 정렬방식과 제목의 색상을 변경할 수 있으니 참고하세요.
예를 들어, left(왼쪽정렬) 대신에 center(가운데 정렬)을 하신다던가, 위의  0xCC0000 레드와인 색상 대신에 검정색 0x00000 을 한다던지, 할 수 있습니다. 


혹시, 잘 안되시면 댓글 남겨주시구요.
빠른 답변 해 드리겠습니다 ^^