이미지화 하여 페이지 소개
Wednesday, May 2, 2007
최근에 테마를 제대로 넣으면서 많은 조정을 하고 있는 중입니다. 기본 틀을 제대로 잡아주니 무엇을 하던간에 편하네요. 아무튼 워드프레스로 글(word)을 찍어내시는(press) 분들 중 워드프레스의 꽃이라 불리우는 페이지 기능을 쓰시는 분들이 많은 것으로 압니다. 혹시나 만드신 페이지들을 좀더 문서답게 이미지화 하여 소개하고 싶으시면 이러한 방법을 쓰실수 있겠네요.
style.css 에 아래 css 를 추가하시고
.page_document {float:left; width: 150px; height:220px; background: url(이미지 주소) no-repeat top left; margin: 0 15px 10px 10px; } /* 문서 제목 부분 */ .page_document a {float:left;width: 149px; height: 140px; text-align:center; font-family: Georgia, serif; font-size:16px; font-weight:bold; color:black; padding-top: 40px; } /* 마우스 오버일때 효과 */ .page_document a:hover{background:none;color:#951a14;}
그리고 페이지를 소개하고 싶으신 곳에 “page_document” 이라는 div 안에 링크와 설명을 넣으면 되겠네요
<div class="page_document"><a href="문서주소">About Me</a>나에대한 이야기 이다</div>
이미지는 이것을 사용하시면 되겠습니다. 계정에 저장하여 쓰시기 바랍니다.
P.S. 미국은 한창 NBA 플레이오프가 진행중이군요
Draco
May/02/07 @ 7:04 pm
아이고..뒷장이 살짝 기울어진게 너무 매력적인 종이와 클립 그림이군요.
Draco
May/02/07 @ 7:08 pm
그런데 이 블로그… 댓글을 쓸때, 웹사이트URL 입력하는 곳 있잖아요? 거기 클릭하면 커서가 http://다음에 위치하는게 아니라 곧바로 맨앞으로 이동하네요. 그래서 무심코 치다보면 draco.pe.krhttp:// 로 입력되어 있는;;;
일모리
May/02/07 @ 10:24 pm
ie 에서 아름답게 출력되더군요.
빼버렸습니다. ㅋ