새글쓰기 옆에 box 태그 moreLess 태그 다 늘어놓기

Nariel 님의 요청으로 적습니다.

이렇게 하고 싶으시다는 건데, 이런 식으로 자신의 스킨 헤드에 딱 맞는 위치에 늘어놓는 방법 정도는 익힌 분에게 추천합니다. (무턱대고 아래의 소스를 복사해서 갖다 붙이면 헤드 모양새가 꽤 이상해질 거예요)

BOX&nbsp;<a title="클릭하면 파란 박스 태그가 클립보드에 저장됩니다" href=javascript:void(0); onclick='javascript: window.clipboardData.setData("Text",document.getElementById("1").innerHTML);'><font color=#E7EFF7>■</font></a><div id="1" style="display:none;">div style="border:1px solid #AECDFF; padding:15px; background:#E7EFF7;"</div>&nbsp;<a title="클릭하면 회색 박스 태그가 클립보드에 저장됩니다" href=javascript:void(0); onclick='javascript: window.clipboardData.setData("Text",document.getElementById("2").innerHTML);'><font color=#CCCCCC>■</font></a><div id="2" style="display:none;">div style="border:1px solid silver; padding:15px; background:#EEE;"</div>&nbsp;<a title="클릭하면 노란 박스 태그가 클립보드에 저장됩니다" href=javascript:void(0); onclick='javascript: window.clipboardData.setData("Text",document.getElementById("3").innerHTML);'><font color=tan>■</font></a><div id="3" style="display:none;">div style="border:1px solid TAN; padding:15px; background:IVORY;"</div>&nbsp;<a title="클릭하면 분홍 박스 태그가 클립보드에 저장됩니다" href=javascript:void(0); onclick='javascript: window.clipboardData.setData("Text",document.getElementById("4").innerHTML);'><font color=#FAC6C6>■</font></a><div id="4" style="display:none;">div style="border:1px solid #FAC6C6; padding:15px; background:#FFF0F5;"</div>&nbsp;<a title="클릭하면 녹색 박스 태그가 클립보드에 저장됩니다" href=javascript:void(0); onclick='javascript: window.clipboardData.setData("Text",document.getElementById("5").innerHTML);'><font color=#E4FFDA>■</font></a><div id="5" style="display:none;">div style="border:1px solid #4BAF4B; padding:15px; background:#E4FFDA;"</div>&nbsp;&nbsp;ML&nbsp;<a title="클릭하면 MoreLess 태그가 클립보드에 저장됩니다" href=javascript:void(0); onclick='javascript: window.clipboardData.setData("Text",document.getElementById("tag1").innerHTML);'>①</a><div id="tag1" 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'><A onclick="this.parentNode.style.display='none';" href="javascript:void(0)">누르면 닫혀요</A></DIV></div>&nbsp;<a title="클릭하면 감추기/보기가 번갈아 나타나는 MoreLess 태그가 클립보드에 저장됩니다" href=javascript:void(0); onclick='javascript: window.clipboardData.setData("Text",document.getElementById("tag2").innerHTML);'>②</a><div id="tag2" style="display:none;"><a href='javascript:void(0)' onclick=this.innerHTML=(this.nextSibling.style.display=='none')?'감추기':'보기';this.nextSibling.style.display=(this.nextSibling.style.display=='none')?'block':'none';>누르세요</a><DIV style='display:none'></div></div>&nbsp;<a title="클릭하면 '닫기'버튼이 내용 맨 아래에 나타나는 MoreLess 태그가 클립보드에 저장됩니다" href=javascript:void(0); onclick='javascript: window.clipboardData.setData("Text",document.getElementById("tag3").innerHTML);'>③</a><div id="tag3" style="display:none;"><A onclick=this.nextSibling.style.display='block';this.innerHTML=''; href='javascript:void(0)'>클릭</A><DIV style="DISPLAY: none">내용 <A onclick="this.parentNode.style.display='none';this.parentNode.previousSibling.innerHTML='[보기]';" href="javascript:void(0)">[닫기]</A></DIV></div>

...저게 다 한 줄입니다;;

제가 위쪽의 예시 그림처럼 만들기 위해 쓴 소스입니다.
단, 박스 태그는 양쪽의 '<'와 '>'를 일부러 뺐습니다. 그걸 쓰니까 클립보드에 뭔가 좀 복잡한 형태로 바뀌어 복사되더군요. (직접 실험해보시면 무슨 뜻인지 아실 겁니다.)

그럼...