일반 글쓰기폼에 적용된것
이것은 간지님께서 퍼오셨고 또 수정하신 소스입니다.
본 소스의 저작권은 http://arc90.com/ 이곳에 있음을 알려드립니다.
링크란에 적용된것
일단 본문에 샘플을 넣으니 참고 하시기 바랍니다. 섬네일은 간지님말씀으로는 MSN에서 가져온다고 합니다.
일단 제가 모르는것은 넘어가겠습니다.
Link_Thumbnail.zip적용 방법은 아주 간단합니다.
1. 첨부된 파일을 다운받으시고 임의의 폴더에 압축을 푸시기 바랍니다.
2. arc90_linkthumb.js와 tool_global.css, linkpic_shadow.gif 이 세개의 파일을 ftp로 업로드 하십시요
(저같은 경우는 스킨의 폴더 즉 ../tt/skin/customize/1/에 js, css파일을 넣고 image폴더에 linkpic_shadow.gif를 넣었습니다.)
3. 이제 스킨의 수정을 해주게 됩니다. 스킨관리/스킨 편집에 들어가셔서 </head>안에 아래의 소스를 삽입하시기 바랍니다.
<script language="JavaScript" type="Text/JavaScript" src="js파일의 경로/arc90_linkthumb.js"></script>
<style type="text/css" media="screen">
@import "tool_global.css"; /* Style for this page */
.arc90_linkpic {
display: none;
position: absolute;
left: 0;
top: 1.5em;
width: 160px;
height: 120px;
}
.arc90_linkpicIMG {
padding: 0 4px 4px 0;
background: transparent url(그림의 경로/linkpic_shadow.gif) no-repeat bottom right;
width: 160px;
height: 120px;
}
</style>
4. 사이드바의 링크란에 적용하기 위해서는 아래의 예제처럼 class="linkthumb"를 추가해줍니다.
<div class="bar">+ Link</div>
<div class="listbox">
<ul>
<s_link_rep>
<li><a href="[##_link_url_##]" onclick="window.open(this.href); return false" class="linkthumb"> [##_link_site_##]</a></li>
</s_link_rep>
</ul>
</div>
ps. 일반 글에는 링크에 html보기를 누르셔서 class="linkthumb"만 추가해주시면 됩니다.
기타 문의는 제 블로그에 해주세요
아래는 간지님의 샘플입니다. 제 블로그 사이드바에 보시면 Link란에도 적용됩니다.
엔지오
미뉘뉘
네이버
이건 그냥 링크
"web_tip" 카테고리의 다른 글
- 활용도 높은 Menu 소스 (투명, 필터, 그림넣기가능) (댓글 0개 / 트랙백 0개) 2006/12/04
- 썸네일 링크 (댓글 6개 / 트랙백 3개) 2006/11/11
- 사이드바,레이어, 테이블등등 - Show/Hide (댓글 0개 / 트랙백 0개) 2006/12/02
- 익스에서 할수있는 재미있는 놀이.. (댓글 0개 / 트랙백 0개) 2007/02/22
- [행복한 고니님의 팁] 제목을 이미지로~ (댓글 0개 / 트랙백 0개) 2007/08/30
Leave your greetings here.
사이드바 링크쪽이 적용이 안되서 한참 찾다가 해결하고갑니다갑니다
<div class="bar">링크 주제 이름적는란</div>
<div class="listbox">
<ul>
<s_link_rep>
<li><a href="[##_link_url_##]" onclick="window.open(this.href); return false" class="linkthumb"> </a>[##_link_site_##]</li>
</s_link_rep>
</ul>
</div>
좋은 팁 감사합니다(플러그인용으로 제작하셔도 될듯 테터포럼에 추천해두고 갈께요)
상당히 재미있는 기능이네요 *_*! 설치해보고 플러그인으로 만들 수 있으면 한번 해 봐야 겠습니다 ~.~
들려주셔서 감사합니다. 플러그인까지 만들 실력이 안되서.. 이렇게 적용만 해봅니다. ^^;
혹시 실력있으신분께서 만들어주시면 좋겠네요 이쪽 계통은 전혀 모릅니다;;
그냥 보고 따라하는것일뿐이죠 ^^
플러그인으로 만들긴 했습니다. link_modd 플러그인인데 class="linkthumb"만 삽입 하는 것으로 미리보기가 가능해집니다. 봐서 이 기능만 분리시킨 플러그인도 만들어야 겠습니다.
만들어만 주신다면 잘쓰겠습니다. ^^
완성했습니다. 한번 태터 플러그인 게시판에서 확인해 보세요 ^^;