에 배경화면을 쓰는 경우에 대한 팁입니다.body에 background속성으로 배경화면을 넣는 경우 본문을 스크롤 할 때 배경화면도 함께 스크롤 됩니다.본문을 스크롤 하더라도 배경화면을 고정하고 싶은 경우 사용할 수 있는 방법입니다. . 고정 배경 이미지 적용하기HTML/CSS편집 - Style.css에 다음을 추가하시면 됩니다. ※이 방법을 사용하게 되면 IE7 이하에서는 배경화면이 보이지 않게됩니다. body:before{ content:""; position:fixed; top:0;right:0;bottom:0;left:0; background:#fff url('./images/bg.jpg') top; background-size: contain; background-repeat:no-repeat;..

댓글 탭 보기를 업그레이드해봤습니다. 아래 포스팅을 먼저 보시면 이해가 쉽습니다. - Disqus 댓글과 티스토리 댓글 탭으로 보기 디자인도 더 깔끔하게 수정되었고, 무엇보다도 이제 jQuery 스크립트 없이 CSS만으로 동작합니다! (약간의 속도 향상을 기대할 수 있습니다.) 원리는 간단히 탭으로 를 사용하고, CSS선택자로 :checked를 사용하는 것입니다. 미리보기 See the Pen tab only CSS by Kim young wook (@nubiz) on CodePen. codepen에서 작업한 결과물입니다. 적용하기 적용 방법은 이전과 크게 다르지 않습니다. 1.HTML/CSS수정 - skin.html에서 부터 까지를 잘라내어 메모장같은데 붙여둡니다.(댓글 출력 부분) 부터 까지를 잘라내..

제목을 어떻게 정해야 할 지 모르겠네요..ㅋㅋ 티스토리 댓글은 기본적으로 댓글 입력창이 위에있고, 그 아래로 댓글이 표시됩니다.HTML수정으로 댓글 입력창을 아래로 내리는 것은 그냥 순서만 바꾸면 되니 간단하죠. 티스토리 댓글이 적절히 페이지를 나눠주지 않기 때문에티스토리 댓글이 활성화 된 블로그는 고민을 하게됩니다.댓글 입력창을 위쪽에 두면 이용자들이 댓글을 읽고 댓글을 쓰려면 다시 위로 스크롤을 해야합니다.댓글 입력창을 아래쪽이 두면 이용자들이 바로 댓글을 쓰고 싶어도 스크롤을 끝까지 내려야합니다. 그래서 제가 생각한 방법은 댓글 리스트 위아래에 댓글입력창을 2개 달아두는 것입니다.무작정 2개가 달리면 저처럼 댓글이 별로 없는 경우에는 지저분해질 뿐이므로 댓글창의 높이가 800px이상이면 2개가되도록..

dIsqus를 사용하고부터 disqus와 티스토리 댓글사이에서 고민이 많았습니다.둘 다 사용하자니 댓글창이 너무 길어지고.. 하나만 사용하자니 어느한쪽 이용자를 버리게되죠.댓글이 활성화된경우(이 블로그에서는 아니지만..) 티스토리 댓글을 남기고싶은데 어딨는지 한참찾아야 되는 문제도 있었습니다. 그래서 고민끝에 댓글에 탭으 달기로 했습니다.소스는 아래의 것을 참조, 변형했습니다.http://codepen.io/anon/pen/LdyCr 업그레이드이 포스트는 오래된 포스트입니다. 아래 링크를 통해 업그레이드된 탭을 적용해보세요. - 티스토리 댓글 탭으로 보기 - CSS만으로!.트랙백이 탭에 포함됨.디자인 개선.jQery스크립트를 사용하지 않음 적용 방법 1. skin.html에서 부터 를 찾습니다. 이부분이..