딴지마인드의 블로그 이야기/티스토리2011. 3. 31. 04:34
이번은 카테고리 정리의 마지막인 리스트형 입니다.
리스트형은 skin.html에서 카테고리 치환자를
로 설정 하면 됩니다.
리스트형의 각 단계의 위치 조정하기.
style.css에서 #category ul li ul { } 와 #category ul li ul li ul { } 부분을 수정하여 원하는 영역의 위치를 조정합니다.
사용 예시 : #category ul li ul{
margin-left:0px;
}
#category ul li ul li ul {
margin-left:70px;
}
리스트형 카테고리에서 숨김 카테고리 만들기.
style.css에서 #category ul li ul li ul { } 부분을 수정하여 화면 출력을 없애면 숨김 효과를 볼 수 있습니다.
사용 예시 : #category ul li ul li ul {
display:none;
}
리스트형 카테고리를 폴더형 카테고리 처럼 보이기.
리스트형 카테고리를 폴더형 카테고리 처럼 보이기.
폴더형의 이미지를 #category ul li { }에 백그라운드 이미지로 넣어주고 글씨 위치를 조정하면 됩니다.
사용 예시 : #category ul li {
padding-left:16px;
background:url(images/s_category.gif) no-repeat 0px 10px;
}
지금까지 카테고리의 표현 방법에 대해서 알아보았습니다. 이것 말고 다른 방법도 있을 것입니다.
저는 최대한 수정을 적게 하고 원하는 결과를 얻는 방법을 소개해드렸고요.
그렇기 때문에 하시다보면 문제가 생길 것입니다. 하지만 해결 방법은 있습니다.
해결 방법은 제가 설명한 것들을 조합해 보시는 것입니다.
ul 부분을 수정할지 li 부문을 수정할지 선택만 잘하시면 원하시는 것을 얻을수 있을 것입니다.
내용 중 잘못된 부분을 알려주세요. 수정하겠습니다.
지금까지 카테고리의 표현 방법에 대해서 알아보았습니다. 이것 말고 다른 방법도 있을 것입니다.
저는 최대한 수정을 적게 하고 원하는 결과를 얻는 방법을 소개해드렸고요.
그렇기 때문에 하시다보면 문제가 생길 것입니다. 하지만 해결 방법은 있습니다.
해결 방법은 제가 설명한 것들을 조합해 보시는 것입니다.
ul 부분을 수정할지 li 부문을 수정할지 선택만 잘하시면 원하시는 것을 얻을수 있을 것입니다.
내용 중 잘못된 부분을 알려주세요. 수정하겠습니다.
티스토리 카테고리의 모든것
티스토리 카테고리의 모든것 - 카테고리의 기본사항
티스토리 카테고리의 모든것 - 카테고리의 응용(폴더형)
티스토리 카테고리의 모든것 - 카테고리의 응용(리스트형)
