지금까지 사용하던 CCL 표시를 약간 수정했다. 글 오른쪽 위의 CCL 표시 부분에 마우스 커서를 올리면 CCL 표시 부분 아래에 작은 화살표가 추가된 것을 확인할 수 있다. CSS 롤오버로 CCL 표시하기 글을 참고 해서 소스 코드를 복사한 다음, 이 글에서 이야기하는 내용을 약간 수정하기만 하면 된다. 먼저 HTML 코드는 이전과 같다. CSS 롤오버로 CCL 표시하기 게시물에 나온 HTML 코드를 그대로 복사해서 사용한다. 그리고 CSS만 아래의 코드로 교체한다. CSS 코드 .license{text-align:right;cursor:help;position:relative;margin:5px 0} .license span.ccl{margin-left:-999em;position:absolute;p..

티스토리 블로그는 게시물에 CCLCreative Commons License를 표시할 수 있도록 옵션을 제공한다. 그러나 스크립트를 사용하는 이 CCL 표시는 스크립트에 포함된 특정 문자열 때문에 웹 표준 검사를 통과하지 못한다. 그래서 CSS 롤오버 기능으로 CCL을 만들어봤다. 특징 XHTML 웹 표준을 준수한다. CSS 3.0 웹 표준을 준수하지 못한다. (border-radius, box-shadow 속성 사용) 글자 색, 이미지 등을 원하는 대로 지정할 수 있다. 뭐, 특징을 잠깐 살펴봐도 쉽게 알 수 있지만, 이미 티스토리에서 지원하는 기능이므로 굳이 CSS로 따로 만들어 적용할 필요는 없는 기능이다. 티스토리 기본 CCL과의 차이는 스크립트를 사용하지 않는다는 것, 이미지나 글자 스타일, 글..