술독에 빠져.. 하루정도 테스트 페이지로 방치해둔 페이지를 수정했습니다..
을 보고, AreKorePopup이라는 것을 알고 우리집에도 대충 적용해 봤습니다. 한창 워드프레스 삽질할때, 저것이 몹시도 부러워었는데 저것이 뭔지도 잘 몰랐습니다.. ;)
스크립트의 내용은 브라우져에서 title, alt 등의 속성이 태그에 있을때, 보여지는 노란색의 기본 툴팁을 좀 더 모양 좋게 표현해 주는 것이라는 군요.. ^^;;;
あれこれポップアップ
あれこれポップアップ 번역 페이지
차라리 일본어 페이지는 영어페이지 만한 압박이 없습니다. 번역기의 도움을 빌리면 큰 문제가 없으니까요.. :)
자세한 설명은 위 번역 페이지만 보셔도....;;;
태터의 경우, ftp로 태터가 설치된 곳에 올리고, 사용하는 스킨의 헤더 부분에 link href 와 script src 만 적어주면 적용이 되는것 같습니다. 다만, 카테고리를 누르면 나오는 페이지에서 주소가 달라져, 적용이 안되는것 같아서, 스크립트의 경로를
상대주소가 아닌 절대주소로 적어줘 버렸습니다. 이럴 경우엔 스크립트는 아무곳에나 올려도 상관없겠지요.. :)
아래의 테스트는
이것저것 팝업·동작 샘플 페이지 의 내용을 보고 적용해 본것입니다. 링크 위에 살포시 마우스 커서를 올려보아요. 더불어 이 포스팅내의 모든 링크에서도 동작합니다.
리치 스타일
하이바네..
ap:banner
하이바네..
abbr
하이바네??
class ap-nopopup
(ap-nopopup이란 속성을 지정하면 팝업이 뜨지 않네요.)
blockquote (인용구)
테스트용 인용구
이것들이 존재하는 요소 위에 마우스 포인터를 두면, 그 속성치가 팝업에 표시됩니다.많이 지정하면 그 만큼 동작은 무거워집니다.
* HTML/XHTML 의 것에 대해서는, 모두 소문자로 지정해 주세요.
* 이름 공간 접두사 첨부의 경우는, 'xlink:href' (와)과 같이 접두사 첨부로 기술해 주세요. HTML/XHTML 의 것에 대해서는 접두사는 불필요합니다.그렇다고 할까 붙이지 말아 주세요.
, 투명한 PNG 처리에 문제가 있어 제작자가 뭔가 특별한... 무엇인가를 했다는데.. 이런쪽 지식은 전무한지라..;; 아쉬운데로 나오긴 나오는데 모양이 조금 뷁스럽습니다..ㅋ
제작자가 말한대로, 모질라 계열의 브라우져에서 가장 잘 표현되는듯 합니다.
◀ 파이어 폭스의 경우 ...... IE의 경우▶
오페라 브라우져의 경우 보이지 않습니다.... :(
(그냥 브라우져의 기본 툴팁이...-_ㅡ;;;;)
태터툴즈의 경우, 워드프레스만큼 title과 alt태그등에 신경을 쓰지 못한것인지.. 특별히 수정해 줘야 하는것인지 잘 모르겠습니다. 워드프레스 블로그들에 비해서 나타나는 곳이 많지 않은것 같습니다.
(뭐 거의 없습니다...-_ㅡ;;;;; 본문 영역에서만 활용해야겠어요..)
(음.. 스킨을 수정하니..워드프레스만큼 다양한 내용의 툴팁은 아니지만..;; 어쨌든 비스므리하게 나오게 할수가 있네요..^^;)
뭐 어쨌든 앞으로는 그동안 귀찮아서 작성하지 않았던
title, alt등의 속성을 억지로라도 적을 수 있겠네요..
Entry RSS 
Entry ATOM
Comments
Go to write form내일 맑은정신으로 해볼려고요.
이거 너무 신기해요. 캬~ 고치기 Reply
앗. 이거 워드프레스의 팬시툴팁인가 뭐시긴가 그거네요 ~
오옹!!
저도 이거시 무지하게 땡기는데요 ~^^ㅋ 고치기 Reply
오~언제나 좋은 정보~ ^^저도 시간내서 적용해 봐야겠어욤~ 고치기 Reply
헤..
무조건 하이바님 따라해보는 것이야요
난 핑크색 풍선으로 만들어야지..헤헤
정보 감사합니다. 고치기 Reply