Posted at 2010.08.09 20:53 | Posted in 블로그이야기



    물결플래시 제목 만들기 - 티스토리 팁  

블로그 제목을 예쁘게 꾸미는 방법은 여러가지가 있지요..
그중에 물결치는 플래시가 눈에 띄어 제 블로그에 적용을 해봤습니다.
이웃분의 요청이 있어 이렇게 포스트 올립니다..
먼저 이소스는 민상님께서 배포한 것임을 알려드립니다.

자..그럼 어떻게 적용하는지 알아볼까요?

 

 블로그에 파일 업로드 하기

물결 플래시 다운로드

위에 파일을 다운 받으셔서 압축을 풉니다..압축을 푸시면 아래 그림처럼 3개의 파일이 나옵니다..


위 박스안에 두개의 파일을 블로그에 업로드 합니다..
파일 업로드 하는 방법은..
관리자페이지 > 스킨 > 스킨선택에 들어가시면 아래와 같은 화면이 나옵니다..
파일업로드 보이시죠..거기 클릭하셔서 위에 두개 파일을 업로드 시켜줍니다..



 물결플래시 소스 적용하기

이제 html소스를 적용해 보겠습니다.
좀전에 다운받은 파일중 텍스트문서에 보시면 아래와 같은 소스가 있을겁니다.
소스를 복사해 둡니다..
아래 소스를 복사하시면 안됩니다..화면 출력을 위해서 조금 수정했기 때문에
적용이 안됩니다..텍스트 문서에 있는 소스를 복사하셔야 됩니다.

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

다음은 관리자페이지 html/css편집에 들어갑니다..
ctrl + f 를 눌러 빈칸에 article_rep_title 를 넣으시면 노란색으로 화면에 나타나게 됩니다..
저의 경우 적용이 되었기 때문에 저렇게 화면이 나오는 겁니다. 착오 없으시길..

찾으셨다면 article_rep_title 아래에 좀전에 복사해 두었던 소스를 붙여 넣습니다..

붙여 넣으신 다음에 빨간박스 부분처럼 <!-- ~~ -->를 붙여줍니다..
<!-- ~~ -->를 붙여주는 이유는 기존에 나오던 제목 이미지를 감추는 겁니다.
그러니 꼭 붙여 주시기 바랍니다..
일단 완성은 되었습니다..미리보기 해보시고 맘에 드시면 적용 해서 사용하시면 됩니다..

 제목 위치와 크기 조정하기

위 소스에서 600,30은 타이틀 제목의 사이즈가 가로 600px이고 세로 30px란 뜻입니다..
블로그 스킨에 맞게 사이즈를 조절하시면 됩니다..

"center"은 가운데 정열한 상태입니다.. 왼쪽이나 오른쪽으로 조절하실려면 "left","right"로 변경하셔서
적용하시면 됩니다..

"0x00000" 이 부분은 색상입니다.. 16진수표기방법입니다..원하시는 색상코드를 입력하시면 됩니다.
색상코드를 모르시면 아래에 파일을 다운 받으시면 쉽게 알수 있습니다..원하시는 색상에 마우스를
가져가면 색상코드가 나오니 잘 이용해 보시기 바랍니다..


최대한 알기 쉽게 설명 했는데 이해가 잘 되셨는지 모르겠네요..천천히 한번 해보세요^^


물결플래시 제목 만들기 - 티스토리 팁

이글을 많은 분들이 보시게 하려면 손가락 살포시 눌러주세요^^ 구독+
저작자 표시 비영리 변경 금지
신고


구르마

  1. 이전 댓글 더보기
  2. 비밀댓글입니다
    • 2010.08.11 22:14 신고 [Edit/Del]
      <!-- 보호글 모듈 -->
      <div class="entryProtected">
      <div class="titleWrap">
      <h2><a href=""></a></h2>
      여기 넣으시고..
      <!-- 포스트의 본문이 시작되는 곳입니다. -->
      <div class="entry">
      <div class="titleWrap">
      <div class="titleWrapH2">
      <div class="category"><a href=""></a></div>
      <h2><a href=""></a></h2>
      요기 넣어보세요..
      <!-- --> 이거 붙여주는 것도 잊지 마세요
  3. 비밀댓글입니다
    • 2010.08.12 10:40 신고 [Edit/Del]
      본문내용을 잘 보세요..ㅜ
      <!--<h2><a href=""></a></h2>-->
      <script language="javascript" src="./images/viewTitle.js" type="text/javascript">
      </script>
      <script language="javascript">
      showTitle("./images/", "viewTitle.swf", 600, 30, "", "", "left", "#CCA282");
      </script>
      <!-- 포스트의 본문이 시작되는 곳입니다. -->
      <div class="entry">
      <div class="titleWrap">
      <div class="titleWrapH2">
      <div class="category"><a href=""></a></div>
      <!--<h2><a href=""></a></h2>-->
      <script language="javascript" src="./images/viewTitle.js" type="text/javascript">
      </script>
      <script language="javascript">
      showTitle("./images/", "viewTitle.swf", 600, 30, "", "", "left", "#CCA282");
      </script>
      이렇게 넣어보세요
  4. 비밀댓글입니다
  5. 안녕하세요 구르마님 ㅠ_ㅠ 혹시 한가지 여쭤볼 게 있는데..
    플래쉬에 적용 되어 있는 쉬리체가 아닌 다른 폰트로 제작하려면 어떻게 해야 하는가요? ㅠㅠㅠ
  6. 굳이네요 !1감사합니다 !!
  7. 좋은정보 감사합니다
    조금 애썼지만,
    분홍색으로 이쁘게 블로그에 했어요..ㅎ
  8. 제목이 너무 길면 뒤가 짤리는 것은 어떻게 수정해야 하나요. 제 스킨은 710인데요. 수정을 해도 안되는데요^^
  9. 안녕하세요.
    HTML 소스의 진정한 고수이시군요^^
    좋은 소스 많이 득템하고 갑니다...
    나중에 또 들러야만 하는,HTML의 백과사전같은 블로그 입니다..

    진정 감사드립니다...꾸벅!
  10. 휴~ 이거 다는데 한 20분 잡아먹은것 같아요^^;
    원래 제목이 자꾸 안없어지길래 이거 왜이래?하면서 고민고민했는데 알고보니까 제가 다른데다가 <!--~~-->를 달아놨더라구요ㅋㅋ 좋은 정보 감사합니다^^
  11. 안녕하세요^^ 정말 궁금했었는데..
    유용한 팁 감사합니다~~
    그런데 저작권 표시해야할까요?..일단은 가르쳐주신데로 잘돌아가네요^^
  12. 앗 근데 저 이거했다가 방명록 글씨하고 오른쪽 메뉴 글씨가 다 커져버려서 ㅠㅠ
    첨부터 다시 복구했어요 흑흑... 따라해도 왜 제대로 안될까요 ㅠㅠ 티는 너무 어려워요
    좋은주말되세요~ 계속 더 배워야겠어요 ^^ 감사합니다.
  13. 아 결국 다했는데 색상이 절대 안변하네요 ㅠ ㅠ LEFT까지도 옮겨갔는데, 왜 색상은 적용이 안될까요?
  14. 변경을 해서 봤더니 이쁘더라고요. 그런데 한자가 □로 나와서 다시 원상 복귀... 이런...

    그래도 잘 보고 갑니다.
  15. 티스토리 시작한지 얼마 안된 새내기입니다.
    다른 분들 블로그 돌아다니면서 물결 제목 쓰고싶었는데 잘 배워갑니다 ^^
  16. 안녕하세요^^ 정말 유용한 팁이네요... 그런데 왜 위에서 하라는 대로 다 했는데도 제목이 바뀌지 않고 본문이 바뀌는거죠? 그것도 물결 효과가 전혀 없이 크기만 커졌네요..ㅠㅠ 어찌된 일인지..
  17. <!--<h2>
    <a href=""></a>

    <span class="category"><a href=""></a>
    </span>-->

    마지막 각주다는거에서좀 헤맸네요 성공했습니다 감사합니다^^
  18. 제목이 article_rep_title로 나와요 ㅠㅠ
  19. hyunju
    소스를 수정해야 하는건가요??
    블로그 파일 업로드 창을 못찾겠어요~
  20. 먼저 설치에 큰 도움이 된 강좌글을 써주셔서 너무 감사드립니다.
    강좌가 알아보기 쉽게 써놓으셔서 설치에는 아무 어려움없이 무사히 잘 끝냈네요. 적용도 잘되구요.
    헌데 저역시도 색깔만큼은 죽어라해도 안바뀌고 검정색 물결로만 뜨네요...
    색입력하는 부분에 16진수 색들 여러개 입력해도 한결같이 검정색이네요...
    적용되는 스킨에따라 물결제목 색이 변경이 안되는건지 궁금합니다...

Name __

Password __

Link (Your Website)

Comment

SECRET | 비밀글로 남기기

티스토리 툴바