달력

122024  이전 다음

  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 10
  • 11
  • 12
  • 13
  • 14
  • 15
  • 16
  • 17
  • 18
  • 19
  • 20
  • 21
  • 22
  • 23
  • 24
  • 25
  • 26
  • 27
  • 28
  • 29
  • 30
  • 31
TIP 2016. 9. 27. 09:24

말 그대로, 여러분의 블로그에 포스트 제목을
출렁이는 물결 모양으로 바꾸는 방법 입니다.


이것은 원래 민상님의 블로그 
http://minsangk.com/ 
에서 소개되어 있는 방법 입니다.

따라하기만 하면 쉬우니, 잘 따라 와 보셔요~



일단, ▲ 요거 다운 받아서 압축을 풀어주세요

압축을 풀면 ▼요렇게 3개의 파일이 나타납니다.



관리자모드 - 스킨 - HTML/CSS 편집 - 파일업로드
경로를 찾아가서 압축이 풀린 파일 3개를 업로드 합니다.



관리자모드 - 스킨 - HTML/CSS 편집
경로를 가서 Ctrl + F 기능 으로  article_rep_title  을 검색 합니다.


아마도 이런 부분이 보이겁니다.
여기서 <h2> 에서부터 </h2> 까지가 수정 할 부분 입니다.


어떻게 수정 하느냐면, 
아까 압축을 풀어서 나온 파일 3개중 TEX 파일을 열어 봅니다. 


텍스트파일의 내용중에서

<script language="javascript"  src="./images/viewTitle.js" type="text/javascript">
</script>
<script language="javascript">
showTitle("./images/", "viewTitle.swf", 600, 30, "", "", "center", "0x00000");
</script>


이런 소스가 보이실겁니다.

이걸 복사해서, 검색 해서 나온 부분
<h2> 에서부터 </h2>까지 부분까지 삭제하고
그자리에 그대로 붙여넣기 하시면 됩니다.



미리보기를 먼저 적용 시켜 본 후
아무 이상이 없으면 저장하기를 누릅니다.




이제 완성 입니다.
참 쉽죠??




Tip

1. 제목의 위치정렬을 바꾸시려면 center 를 left/right 로 수정하시면 됩니다.

2. 색상을 바꾸시려면 0x000000 을 수정하세요. (16진수 RGB 입니다)
x뒤에 밑줄친 부분을 바꾸시면 됩니다.

참고 : 2009/08/23 - [Blog story/블로그 팁] - 웹에 적용 되는 색상 코드

색상코드에서 원하는 색깔을 선택 하신 후, #을 떼고 넣으세요.


출처 : http://luminoustime.tistory.com/87

Posted by 당구치는 개발자
|