텍스트큐브닷컴용 FlashTitle 자바스크립트
코덕질/만든것들 2009/05/05 20:16안내 사항
＊히라님의 요청으로 포스팅합니다. 필요하신 다른 분들께도 도움되셨으면 좋겠습니다 ^^＊이 자바스크립트는 Prototype.js에 의존하고 있습니다.
＊Textcube.com용 Flashtitle 스크립트입니다. 원본은 민상케이닷컴에서 보실 수 있습니다.
＊skin.html의 조작에 실패할 수 있으므로 미리 원본을 별도로 저장해 놓는 것을 권장합니다.
적용 방법
1. <body>의 앞에 위 자바스크립트 코드를 붙여넣기하세요.코드 펼쳐보기
2. 밑의 스크린샷과 같이, skin.html에서 을 찾아주세요. 보통은 <h2>~</h2> 태그로 둘러싸여 있습니다.
3. <h2>~</h2>태그 안에 위와 같은 스크립트를 붙여 넣으세요 -
소스 펼쳐보기
4. 성공적으로 적용되셨다면!
위와 같이 텍스트큐브닷컴에서도 물결무늬 플래시를 이용하실 수 있습니다 ^^.
원리 & 잡담
원리는.. 음, 원래 stripTags() 부분을 별도로 만들어야 되는데 Prototype의 도움 덕택에 그런 노가다가 하나도 필요없게 되었습니다. 진짜 쉽더군요... 요새 프로토타입&스크립타컬러스 책을 도서관에서 빌려 보고 있는데, 상당히 프로토타입에 대해서 놀라운 것들을 많이 배웠습니다.. $$('~')과 each 매서드를 이용하거나 times 매서드를 이용하면 상당히 재미있는 기능들을 구현할 수 있는데 이에 대해서는 나중에 구현할 예정입니다 ^^..＊혹시 적용이 잘 안되시거든 메신저로 원격조정 부탁하시면 되겠지만.. 이제 연휴가 끝났으므로.. (..)
댓글을 달아 주세요
잘 따라했는데 역시 제 스킨에선 안 되네요 ㅠㅠ 엉어어
지금은 여차여차 되신것 같네요 ^^;.. ㅋㅋ
헐 이런거이 있었구만요!!
띠용님도 함 적용해 보셔야지요! 많은 분들이 노리시던 대망의 기능인데요 ㅋㅋ
이히~또 좋은거 하나 건져갑니다~
앗~~ 보잘것 없는 포스트 도움 되셨다면 감사합니다 ㅎㅎ
이거 텍큐닷컴에 해달라고 두번인가 세번씩 피드백 넣은건데 검토해보겠다는 그때마다 번번히 검토해보겠다는 답변만.. 이렇게 쉽게 되는거였군요 -,-..
그럼 옵션으로 설정할 수 있게 해서 좀 해주시지는ㅠ..
벌써 피드백 넣으셨던 내용이군요 ㄲㄲ.. 솔직히 XHTML 수정 안해도 프로토타입 이용하면 할 수 있었는데 호환성이 떨어져서 미루고 있었지요.
프로토타입 넣으면 파이어폭스 사용시 스킨의 '더 보기(More)' 버튼을 클릭했을 경우에 레이어가 뜨지 않고 글씨 자체가 사라져버리더라구요~_~;;
프로토타입은 심지어는 클박에서까지 이용되는 광범위하고 보편적인 자바스크립트 프레임워크입니다. 관련 도서도 상당히 이제는 많습니다. 그게 텍큐하고 호환이 안된다는 건 텍큐에 문제가 있는 거죠. 피드백 한번 걸어봐야겠는데요 이거 -_-..
전에도 그 이야기 꺼냈었는데 답변이 좀 -.-ㆀ
http://honam36.kalcapt.net/img/irc/desktop-1241880484.jpg
이미지 보세요.. 피드백 거실때 이미지도 같이 걸어주시면..!
이것도 군침만 삼키고 있던 기능인데... 능룍자 쿠나님 덕택에 쓸 수 있게 되었군요! 캄솨!!
그런데 h2 부분의 속성(정렬, 색상 등)을 바꾸어도 적용이 되지 않네요;;; prototype.js에 의존하기 때문일까요;;;
능력자라니요 당치도 않습니다 ㄲㄲ.
h2 부분 속성을 바꾸어도 그 속성이 적용되지 않는 것은 플래시이기 때문입니다. 인수의 width/height 값과 color 값 (16진수 "0xaaaaaa" 형식)을 적당히 주시면 쉽게 이용하실 수 있어요 ^^
당연히 스크립트를 수정했죠. (절 너무 물로 보신듯? ㄲㄲㄲ) 그래도...
안 돼요.
헐 이것의 치명적인 약점.
에에.. 제목에 .. 히라가나라든지 会う、気 이런걸 넣으면..
네모 모양으로 깨져나옵니다. 그리고 프로토타입을 로드할 경우,
더 보기 누르면 원래는 공지사항, 태그, 미디어 로그, 지역 로그 레이어가 떠야하는데 뜨지 않고 아예 더 보기 버튼이 없어져 버려요.ㅠ
원래 한글과 알파벳만 출력되도록 만들어졌어요. 폰트를 바꿔서 다른 글자도 나오게 하려면 플래시 파일 자체를 손봐야 하는데...
헐킈 왜 내가 쓴 댓글도 내가 쓴 게 아니라고 하면서 수정도 삭제도 안 되지;;;
플래시로 만들 때 폰트에 특수문자까지 include시켜서 Export 시키면 다 나오기는 해요. 단지 Export할 때의 시간과 어마어마한 용량은 누가 책임을.. (?!)
어찌어찌 적용은 했는데
왼쪽으로 정렬이 안 돼요 ㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠ
이거 방법 없을까요? ㅠㅠ
이미 적용하신듯 하므로 패스! ㅋㅋ
나중에 시간이 되면 하나씩 뜯어봐야겠군요...;;
물 좋은 텍큐로 넘어오셔야죠 이제.. [응?]
아 감사합니다.. 한번 해보고 싶어는데 ^^;
일어 깨지는거 빼고는 좋네요 ^^;
앗~ 반갑습니다. 벌써 적용하셨군요 ㅎㅎ.
일어 깨지는 건 제 선에서 해결할 수 있는 부분이 아니네요 ㅠㅠ
뭔가 어려워요. ㅠㅠ
제 한도 내에서는 최대한 쉽게 적용할 수 있도록 썼는데.. 잘 안되시는 분이 있나 보네요 ㅠㅠ
눈팅만 하다가 드디어 댓글을 답니다 ㄷㄷ
적용 되니까 볼만 하군요 ㅎㅎ
관블도 등록하고 갈께요~
히히 사용 감사드립니다 ^^...
참 신기했었는데, 적용 방법도 있었군요. 덕분에 잘 적용했습니다.
<body> 앞이라고 설명되있어서 처음에는 <body> 위에 소스를 넣었을 때 적용이 안됐는데, <body> 아래에 넣으니 잘 적용되네요.
ps. 원본이 민상케이닷컴인것 같은데, 제가 이렇게 가져다써도 될런지 모르겠네요. 후후
말씀은 드려 놨는데 아직까지 회답을 저도 못받아서 좀 찝찝한 건 저도 마찬가지네요.. ;ㅅ;
제 블로그 배경이 회색인데 글자색이 안바뀌면 !!! OTL
낭패군요.... 정렬도 안되요..... 왜이럴까요? ; ㅅ;
좋은 포스트 감사합니다.
적용 성공했습니다만, 맞춤 설정을 할 줄 모르다보니
다시 기본으로 돌아가게 되네요. ^^;
감사합니다..
블로그 처음하는데 텍큐는 꾸미기가 조금 힘들군요..
일단 해보긴했는데 적용된건지는 잘 모르겠습니다..
이 포스팅이 왜 이제야 보입니까..헐..
아무리 검색해도 안 보여, 이 거 달아볼려고 어제 고생을 많이 했는뎅 :)
.... 아무튼 좋은 글, 감사하게 읽고 갑니다.
더불어 자주 방문하여 배워야겠어요 ^^
즐거운 주말 되세요 ..
아직 많이 부족합니다 ^^;;;.. 그리고 이 위젯 이제 보니 많이 퍼져있네요;;... 대충 만들어 놨더니 이리저리 퍼지고 다니는데.. 뭐랄까 트랙백 하나 안 걸어 주니 전혀 몰랐습니다. 조금 아쉽네요 -_-..
뭐, 어쨌든 잘 사용하신다니 축하드려요 ^^
트랙백을 막 거는 게 아닌 줄 알았습니다.
웹 초보라서 몰랐어요..
자주 뵙겠습니다.
좋은 글이 많네요.