2005년 11월 27일
새글쓰기 버튼 옆에 more/less 태그 복사 버튼 넣기
천조제 님의 다중 접기 스크립트 복사기능을 보고 삘받은바 되어 작성해본 팁 되겠다.
원출처인 다라니 님의 다중 접기용 스크립트 복사 기능을 메뉴에 달았다.를 보면, 포스트 작성시 자주 쓰는 태그인 more/less 태그를 자바스크립트를 이용해서 버튼 한번만 누르면 바로 클립보드로 복사되도록 만든 팁이 있다. 매우 멋졌다.
다만 여기서 조금 아쉬운 점이, 그 복사 기능 버튼과 새글쓰기 버튼이 멀리 떨어져 있다는 것이었다. (이분의 팁은 메모장 기능을 이용해서 오른쪽이나 왼쪽의 서브메뉴에 다는 팁이다.) 이런 more/less 태그는 새글 쓸 때 필요한 것이니 기왕이면 새글쓰기 버튼 옆에 있으면 더 좋지 않을까?
그래서 아예 새글쓰기 버튼 옆에 '접기 태그 복사 버튼'을 만드는 팁을 마련해 보았다.
1. 현재 사용중인 스킨 편집창으로 들어간다.
2. html 창을 보면
이런 부분이 있을 것이다. (adminmenu type는 1$일 수도 있고 2$ 3$...일 수도 있다)
3. 색깔 부분을 첨가한다. (모두 한줄로 붙일 것.)
4. 저장한다.
그러면
에서
이렇게 되어 있을 것이다.
▲ 마우스를 대면 풍선 도움말이 뜬다.
5. 새글 쓰기 전에 저 "more/less 태그 복사하기"를 한번 누르면 클립보드에 more/less 태그가 저장된다.
6. 새글 쓰기로 들어가서 ctrl+v 로 붙여넣기 하면 OK.
단 이때
이런 식으로 두줄로 나뉘어 붙여질 것이다. 이러면 태그가 제대로 먹지 않으므로 이것을
이렇게 한줄로 반드시 붙여줄것.
원출처인 다라니 님의 다중 접기용 스크립트 복사 기능을 메뉴에 달았다.를 보면, 포스트 작성시 자주 쓰는 태그인 more/less 태그를 자바스크립트를 이용해서 버튼 한번만 누르면 바로 클립보드로 복사되도록 만든 팁이 있다. 매우 멋졌다.
다만 여기서 조금 아쉬운 점이, 그 복사 기능 버튼과 새글쓰기 버튼이 멀리 떨어져 있다는 것이었다. (이분의 팁은 메모장 기능을 이용해서 오른쪽이나 왼쪽의 서브메뉴에 다는 팁이다.) 이런 more/less 태그는 새글 쓸 때 필요한 것이니 기왕이면 새글쓰기 버튼 옆에 있으면 더 좋지 않을까?
그래서 아예 새글쓰기 버튼 옆에 '접기 태그 복사 버튼'을 만드는 팁을 마련해 보았다.
1. 현재 사용중인 스킨 편집창으로 들어간다.
2. html 창을 보면
<DIV CLASS=USERMENU><$adminmenu type=1$></DIV>
이런 부분이 있을 것이다. (adminmenu type는 1$일 수도 있고 2$ 3$...일 수도 있다)
3. 색깔 부분을 첨가한다. (모두 한줄로 붙일 것.)
<DIV CLASS=USERMENU><a title="클릭하면 MoreLess 태그가 클립보드에 저장됩니다" href=javascript:void(0); onclick='javascript: window.clipboardData.setData("Text",document.getElementById("tag").innerHTML);'>more/less 태그 복사하기</a><div id="tag" style="display:none;"><a href='javascript:void(0)' onclick=this.nextSibling.style.display=(this.nextSibling.style.display=='none')?'block':'none';>클릭</a><DIV style='display:none'>내용 쓰는 곳</div></div> | <$adminmenu type=1$>
4. 저장한다.
그러면
에서
이렇게 되어 있을 것이다.
5. 새글 쓰기 전에 저 "more/less 태그 복사하기"를 한번 누르면 클립보드에 more/less 태그가 저장된다.
6. 새글 쓰기로 들어가서 ctrl+v 로 붙여넣기 하면 OK.
단 이때
<A onclick="this.nextSibling.style.display=(this.nextSibling.style.display=='none')?'block':'none';" href="javascript:void(0)>클릭</A>
<DIV style='display:none'></div>
<DIV style='display:none'></div>
이런 식으로 두줄로 나뉘어 붙여질 것이다. 이러면 태그가 제대로 먹지 않으므로 이것을
<A onclick="this.nextSibling.style.display=(this.nextSibling.style.display=='none')?'block':'none';" href="javascript:void(0)>클릭</A><DIV style='display:none'></div>
이렇게 한줄로 반드시 붙여줄것.
# by | 2005/11/27 18:01 | 스킨 | 트랙백(7) | 핑백(1) | 덧글(26)
제목 : more&less 골라잡기 - 추가.
1. 다라나 님의 다중 접기용 스크립트 복사 기능을 메뉴에 달았다. 에 추가된 내용입니다. 입맛대로 골라잡자. more&less의 2번 태그 발전형입니다. <div id="us_1" style="display:none;"><a href=javascript:void(0); onclick="this.innerHTML=(this.nextSibling.style.display=='none')?'[닫기]':'[보기......more
제목 : [팁] more/less 태그 복사 버튼 만들기+α
샐리님 얼음집에서. :::새글쓰기 버튼 옆에 more/less 태그 복사 버튼 넣기 [잠시만 비공개로 해놓습니다. 시험기간이라서...;;] 와우, 이젠 태그 복사하러 새창띄우기 해서 카테고리 디져서 샐리님 블로그로 넘어가는 수고가 쬐끔 줄어들겠구나. 게다가 열기닫기도 이렇게 다양한것이.... 샐리님 감사합니다. 그러고보니 매번 ......more
제목 : 유용한 more/less 태그 팁.
새글쓰기 버튼 옆에 more/less 태그 복사 버튼 넣기 오오 이리 좋을 데가... 샐리네서 퍼옵니다^^ 그리고 제가 쓰려고 저장용으로도 퍼옵니다 후후후...more
제목 : 유용한 팁 >ㅁ<
새글쓰기 버튼 옆에 more/less 태그 복사 버튼 넣기 좋군요~...more
제목 : 다중접기태그.
샐리님 댁에서 트랙백 어쩐지... 무슨수로 접기를 두,세번씩 하는지 궁금하다했어== 이런 꼼수가 있었구만? 흐흐; ...근데 이글루 more랑 같이 쓰니까 충돌한다. 다중접기시엔 저걸로만 사용해야 할듯....more
제목 : 조그마한 얼음집 업데이트..
관련글 : 새글쓰기 버튼 옆에 more/less 태그 복사 버튼 넣기 by 셀리님 (작아서 안보일수도 있습니......more
제목 : 자신의 이글루에 more/less 태그 복사 버튼 ..
새글쓰기 버튼 옆에 more/less 태그 복사 버튼 넣기 샐리님의 이글루에서 이글루 메뉴에 more/less 태그 복사 버튼을 넣은 법이 있더군요. 제 이글루에도 적용시키는데 성공한 뒤에 트랙백해왔습니다. 스킨 편집 소스 편집에서 아래처럼 넣어봤으니 유용하게 참고하시길 바랍니다. 그럼......more
... t;클릭Hello World!!더 많은 응용을 하고 싶으시다면 아래를 참고하세요샐리의 오두막 - more/less 3종 세트 샐리의 오두막 - 새글쓰기 버튼 옆에 more/less 태그 복사 버튼 넣기 ... more
[왜 굳이 나중이냐면 지금은 시간이 없어서;;]
감사합니다~ >_<
샐리님과 다라니님(이 댓글을 보실지는 모르겠지만;) 두분 다 감사합니다아-
아아, 정말 구차한 날들과는 바이바이네요. 감사히 잘 쓸게용^^
고맙습니다아.. :D
제가 어찌 해 보려고 했는데 잘 안되네요;
그리고 링크 신고 드립니다.^^
유용하게 잘 쓰겠습니다. 감사합니다^^
방금 수정해봤더니 너무 좋군요. 잘 쓰겠습니다 /ㅂ/