블로그 이미지
WEBLOG about HooYa
HooYa

최근에 올라온 글

최근에 달린 댓글

글 보관함

calendar

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
ArekorePopupSweet-Titles을 태터툴즈에서 사용하도록 바꾸어 보았다. 사실 바꾼 것도 없으며 기존에 태그를 삽입해야 하는 것을 태터툴즈에서 치환자를 사용해서 플러그인 페이지에서 끄고 켤 수 있게 끼워 맞춘 것이다. 그냥 태터툴즈에서 파일 링크 테스트 개념으로 글을 적어본다.


위의 압축 파일을 내려받은 후 압축을 해제하면 ArekorePopup, Tt-Sweet-Titles 두 개의 폴더가 있으며 사용할 툴팁을 태터툴즈 설치 경로/plugins 폴더에 올린 다음 skin.html의 <head>...</head> 에 치환자를 삽입한 후 사용할 툴팁을 활성화하면 된다.
ArekorePopup의 치환자는 ##_ArekorePopup_## 이고 Sweet-Titles의 치환자는 ##_sweet_title_## 이다.
각 치환문자를 [치환자]로 바꾸어서 skin.html에 삽입을 하면 된다.

ArekorePopup은 툴팁 상단에 이미지를 삽입할 수 있는 기능이 있는데 이곳을 참고하면 되겠다.
그리고 현재 Sweet-Titles이 블로그에 적용이 되어있는 상태이며 Sweet-Titles은 css,js 폴더에 해당 사이트에서 내려받은 원본과 내가 적용한 파일들이 같이 들어있다.
Sweet-Titles은 이미지 링크에 동작하는 기능이 없는지 alt=""에 대한 작동이 없고 링크 URL이 표시되는 기능이 있다.

Sweet-Titles의 js 파일의 수정(sweetTitles[수정].js) 내용은
URL을 25자 이후에 "..." 표시하는 것을 100자 이후에 "..." 표시 되도록 수정한 것이다.
(제대로 수정을 했는지는 알 수 없다. 눈치빨로 수정을 한 것이라)
sweetTitles[수정].css는 현제 내 블로그에 적용되어 있는 스타일이다.
원래 구성 파일은 css 폴더에서 sweetTitles.css이며
js 폴더에서는 addEvent.js, sweetTitles.js 이다.
나머지 파일들은 내가 사용 할려고 수정한 것들인데 그냥(백업) 포함 시킨 것이다.

이 글은 나의 편의를 위해서 작성한 글임을 밝혀 둡니다. (비공개를 하려다) 파일 링크 테스트로 작성을 해봤으며 위의 툴팁은 저의 편의를 위해서 태터툴즈의 치환자를 이용해서 손쉽게 플러그인 페이지에서 적용할 수 있도록 하기 위해서 끼워 맞춘 것임을 밝혀 둡니다. 내려받으실 분은 받으셔서 구워먹든 삶아서 드시든 맘껏 하셔도 됩니다. 제작자가 찾아와서 날 구박을 준다면 냅다 줄행랑을 쳐야겠죠? ArekorePopup, Sweet-Titles에 대한 질문은 받지를 못합니다. 아는 것이 없는 까닭입니다.

현재 블로그에 올려져 있는 툴팁만 세개다. Fancy Tooltips, ArekorePopup, Sweet-Titles 이렇게 3개 플러그인 폴더에 올려져 있다. 기분 내키면 마구 바꾸어 버리는 거다. 해당 툴팁의 기능이 조금씩 다르기는 하다.

참고로 제작 사이트를 링크 ArekorePopup, Sweet-Titles

그리고 작성한 글과는 관계가 없는 부분인데 팬시툴팁의 경우 이미지 링크의 alt="어쩌구 저쩌구"에 반응을 안는 걸로 알고 있는데 fancytooltips.js의 마지막 부분에 이미지 링크에 관한 코드가 두 부분 있던데 주석처리 된 것을 없애면 반응을 하려나? 확인을 해보지 않아서 확실하지는 않다.