무 효과 없이 폰트로만 장식된 밋밋한 디자인의 포스트 제목에 플래쉬 효과를 넣어봅시다.
먼저 아래 파일을 받아서 압축을 풀고, 나온 세 개의 파일을 HTML/CSS 편집을 통해 파일업로드 합니다.



업로드를 끝낸후, HTML/CSS편집으로 돌아와, skin.html 탭에서 Ctrl+F를 이용해, article_rep_title을 찾아줍니다. 그리고 아랫 부분의 코드를 찾습니다.

<h2><a href="[##_article_rep_link_##]">[##_article_rep_title_##]</a></h2>


위 코드를 아래의 코드로 대체합니다.

<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>

빨강색으로 된 center는 플래시 효과가 적용될 포스트 제목이 수평상에서 중앙에 위치하도록 한 것입니다. 왼쪽/오른쪽으로 바꾸고 싶을 때는, left나 right를 center대신 넣어주면 됩니다. 0x00000는 플래시 효과의 색깔인데, 16진수 RGB로 다른 색깔도 적용시킬 수 있습니다.





공개/보호/비공개가 각각 따로 article_rep_title이 있는 경우에는 각각 다 <h2>에서 </h2>사이에 있는 기존 코드를 저 코드로 대체해 주셔야 합니다. 제 스킨의 경우는 공개/비공개 글로만 따로 돼있어, 두번의 코드 수정을 하였습니다.


Tip from : 하늘과 바람과 별과 시와 코드와 기타(http://minsangk.com/91)
Posted by designeer shyfragrance

댓글을 달아 주세요

  1. Favicon of http://7047.blatsoffcomics.com/ghd.html BlogIcon ghd 2013.07.11 06:20 Address Modify/Delete Reply

    귀를 기울여봐 가슴이 뛰는 소리가 들리면 네가 사랑하는 그 사람 널 사랑하고 있는거야.