CSS 롤오버로 CCL 표시하기에서 사용한 CSS 롤오버로 구현한 각주다. 글을 쓸 때 인용한 내용의 출처나 해당 내용에 대한 부연 설명을 주석으로 단다. 블로그는 하이퍼 링크를 사용할 수 있으니 내용 출처에 대해 주석을 달 일은 많지 않을 것 같고 대부분 내용에 대한 부연 설명일 것이다. 주석은 각주1각주 1각 쪽 마지막에 주석 내용을 기록한다.와 미주2각주 2글 전체 마지막에 주석 내용을 기록한다.로 구분되지만, 블로그 글은 기본적으로 쪽(page) 구분이 없다. 설령 쪽 구분을 해서 글을 작성한다고 해도 책과 같은 형태로 쓸 수 없고 연재물 형태가 되므로 각주와 미주를 구분하는 것이 의미가 없다. 어쨌든, 블로그 글에 각주를 달면 책과는 달리 글 마지막을 보지 않고도 즉시 말풍선으로 각주를 확인할 ..

HandBrake는 DVD/ Blu-ray 디스크 및 미디어 파일 변환 프로그램이다. 이전에 소개한 DVD Shrink나 DVDFab HD Decrypter는 DVD나 Blu-ray 형식 그대로 저장하지만, HandBrake는 mkv나 mp4 형식으로 인코딩한다. mkv나 mp4는 컴퓨터, TV뿐 아니라 대부분 이동식 기기에서도 지원하는 형식으므로 활용도가 높다. 디스크를 파일로 변환할 때 H.264 등의 코덱으로 영상만 인코딩해서 크기는 작으면서 품질이 좋은 영상을 만들 수 있다. HandBrake는 DVDFab HD Decrypter나 DVD Shrink와는 달리 복사 방지(Copy Protection)가 걸린 DVD나 Blu-ray는 인코딩할 수 없다. 만약 복사가 제한된 미디어를 인코딩하려면 먼저..

지금까지 사용하던 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..

고양이의 밤이 시작됐다. 해마다 봄철이면 암고양이의 발정기가 시작된다. 대부분 동물처럼 고양이 역시 암고양이만 발정기가 있다. 수고양이는 암고양이의 울음소리를 듣고 아, 발정기구나! 나도 어서 나가야지. 하고 깨닫는다. 요즘은 덜하지만, 봄철 고양이 울음소리를 싫어하는 사람이 많다. 여러 가지 이유가 있겠지만, 대부분 비슷한 이유다. 발정기 암고양이 울음소리가 아기 울음소리와 비슷하다. 밤에 들으면 섬뜩하거나 기분이 나쁘다. 암고양이 울음소리를 들고 수고양이가 모인다. 여러 수고양이가 모이면 암고양이와 함께할 기회를 얻기 위해 싸운다. 싸울 때 앙칼진 찢어진 소리를 내므로 기분 나쁘다. 난 원래 고양이를 싫어한다. 밤에 번쩍이는 눈빛이 소름 돋는다. 사람도 시끄럽게 하면 경찰에 신고하는데 고양이는 신고도..

DVDFab HD Decrypter는 DVD/ Blu-ray 복사 및 인코딩 프로그램인 DVDFab의 무료 버전이다. 컴퓨터 및 휴대용 기기에서 재생할 수 있는 동영상 형식으로 인코딩하는 기능과 DVD, Blu-ray에 기록하는 기능은 사용할 수 없지만, 단순한 복사에는 제한이 없다. 예전에 소개한 DVDShrink와 달리 DVDFab는 지금도 계속 갱신 중인 프로그램이므로 각종 제한(protection) 및 기타 기능 지원이 뛰어나다. DVDFab HD Decrypter는 알려진 모든 DVD 제한을 제거할 수 있고 Blu-ray 제한 대부분을 제거할 수 있어서 각종 제한 때문에 복사할 수 없는 영상을 내 하드디스크로 옮길 수 있다. ㆍ제작사 : Fengtao Software Inc. ㆍ사용권 : 전체 ..

화면에 요소를 배치할 때, 또는 각 요소 내용을 정리할 때 가장 많이 사용하는 스타일 속성이 padding과 margin이다. CSS를 사용해서 내가 원하는 위치에 원하는 방식으로 HTML 문서의 각 요소를 배치하려면 padding과 margin에 대한 이해는 필수다. 1. padding padding은 요소 내부의 여백이다. border에 관한 게시물에서 모든 요소는 자신만의 영역을 가진다고 이야기했다. 자신만의 영역 가장자리가 border로 표시된다. padding은 쉽게 생각하면 border에서부터 그 안에 배치된 글이나 이미지까지의 거리다. 아래 예를 보면 padding에 대해 감이 올 것이다. padding:15px 적용padding 미적용 Lorem ipsum dolor sit amet, co..