유용한 블로그 툴 박스

블로깅에 유용한 태그 모음입니다.

1. Box Tag

<div style="border:1px solid tan; padding:9px; background:lightyellow;">내용</div>

<div style="border:1px solid darkseagreen; padding:9px; background:#EBFFEB;">내용</div>

<div style="border:1px solid lightpink; padding:9px; background:lavenderblush;">내용</div>

<div style="border:1px solid #AECDFF; padding:9px; background:Aliceblue;">내용</div>

<div style="border:1px solid silver; padding:9px; background:whitesmoke;">내용</div>

2. More/Less 태그

1. 기본 태그; 간단한 클릭으로 내용을 접었다가 펼 수 있다. 녹색 부분을 지우면 기본 태그가 된다.
2. 진화 태그; 기본 태그에서 발전한 형태의 태그이다. 접는 내용 아래에 [닫기]가 뜨고, [닫기]를 누르면 내용이 접히면서 스크롤도 같이 올라간다. 긴 글에 사용하면 좋다. [2. More/Less 태그] 부분을 접으면서 쓴 태그가 바로 이것이다.

<a name="aa" 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="#aa">[닫기]</A></DIV>

useful.html
special.html

html color code

html-color-codes.info