준호씨의 블로그

개인적으로 좋아하는 위키가 아틀라시안의 컨플루언스 위키입니다. 편집도 편리하고 트리 형태로 문서를 관리할 수 있습니다. 저는 항상 문서를 쓸 때 위에 목차부터 만들고 시작하는 편인데요. {panel} 만들고 안에다가 {toc}로 목차를 생성합니다. 그런데 목차가 화면 상단에 고정되어 있다 보니 문서가 길어지면 아래쪽에서 내용을 보다가 다른 곳으로 이동하려면 맨 위로 올라왔다가 다시 이동해야 되는 번거로움이 있습니다. 그래서 아예 목차가 같이 따라다니면 좋겠다 싶어서 만들어 보았습니다. 사실 이런 기능을 제공하는 매크로(플러그인)들도 있는 거 같은데요. marketplace.atlassian.com/apps/1221271/easy-heading-macro-for-confluence?hosting=serve..

다음과 같이 a 테그로 간단한 링크를 만들어 보았다. 새로운 전시 등록하기 마우스를 올리면 아래와 같이 밑줄이 생긴다. 만약 밑줄을 안보이게 하고 싶으면 css 를 고쳐 주면 된다. 아래와 같이 text-decoration: none 으로 지정 해 주면 마우스를 올려도 밑줄이 나타나지 않는다. a { text-decoration: none; }

blogger 블로그에 가로 640 사이즈 사진을 올렸더니 이 모양이다. 설정 화면의 Template 에 가 보면 Customize 라는 항목이 있다. Advanced -> Add CSS 들어가서 아래 내용을 추가 해 준다. max-width 는 아래 미리보기에 나오는 화면을 보면서 적당히 조절 해 주면 된다. .post-body img { max-width:560px; max-height:auto; } 이제 잘 나온다.

그냥 초록, 빨강 카드로만 하니 밋밋해서 이미지를 대충 그려 넣어 보았다. 아기자기한 재미가 있군. github: https://github.com/junho85/RussianRoulette/issues/21

블로그 기본 스킨을 이리저리 수정하다 보니 어느 날부터 IE6에서 사이드바가 깨져 나오더군요. (IE7, IE8, FF 등에서는 잘 나왔습니다.) 원인을 찾지 못하고 있다가 “#header. blogTitle 의 padding-bottom:25px;” 를 추가해 주니 괜찮아 지더군요. IE6에서 깨지던 것이 sidebarL 이 제일 왼쪽에 붙지 않고 blogTitle 오른쪽에 붙어 나오던 문제였기 때문이죠. 그나저나 이 칙칙한 블로그 디자인을 좀 바꿔봐야겠습니다. 블로그 디자인이 좀 개선되면 좀 더 블로그를 할 의욕이 생기지 않을까요? 일단은 폰트부터 좀 바꿔볼까 합니다. 네이버의 나눔고딕이 좀 끌리는 군요. +_+ http://hangeul.naver.com/index.nhn?goto=fonts 제 미..