스킨을 너저분하게 만드는 이유중의 하나가 바로 자주 안가는데 가끔 필요한 목록들입니다. 대표적으로 글보관함과 즐겨찾기 목록을 들수 있을것 같은데요... 대부분의 스킨이 기본적으로 목록형으로 보여지도록 구성되어있지요.
간혹 블로그을 돌아다니다 보면 드롭다운박스스타일로 바꿔둔 곳을 볼 수가 있는데요. 그 팁을 올려봅니다.
목록형태로 보여지는 스킨은 보통 UL 태그와 LI 태그를 이용하여 작성이 되어 있고, HTML 편집을 통해 들여다 보면 아래와 유사한 형태로 작성되어 있습니다.
이를 드롭다운박스로 바꾸려면 SELECT 태그와 OPTION 태그의 조함으로 변경해 주시면 됩니다.
- 아무것도 선택되지 않았음을 나타내는 더미옵션
- SELECT 태그: 선택이 이루어 졌을때 해당 페이지로 이동하도록 하는 스크립트를 값으로 가짐
- OPTION 태그: 4에서 보여지는 값과 연결되는 URL을 값으로 가짐
- 화면상에 보여지는 값
사실 뭐 팁이라 부르기도 좀 거시기 하긴 합니다만 그냥 제가 까먹지 않으려는 목적으로 기록해 둡니다. ^^
테스트를 하고 싶으시면 우측에 보니는 글보관함이랑 즐겨찾기를 눌러보세요...
'IT 이야기 > 블로그 & HTML' 카테고리의 다른 글
| 2009년 1월 12일 이전에 티스토리에 올린 동영상 마음데로 지워지지 않는다!! 아셨나요? (14) | 2009/02/25 |
|---|---|
| 블로거뉴스 위젯에 추천/인기/최신 탭을 달아보자!! (내용추가) (2) | 2009/02/25 |
| 자주 안보는 목록은 드롭다운박스로 바꾸자 (10) | 2009/02/19 |
| HTML 태그의 `title` 속성 활용하여 공간을 효율적으로 사용하기 (9) | 2009/02/19 |
| 위젯 적용시에 스타일 바꾸기 - HTML 소스퍼가기 (4) | 2009/02/18 |
| 스킨 변경 및 적용 완료: Life Is Mono (Light) (13) | 2009/02/17 |
댓글을 달아 주세요
앗! 이거 틈 나는 대로 정리해서 포스팅하려고 했는데.!
그냥 링크만 걸어야겠어요^^~ 후후훗
하하.. 그러셨군요.
이게 은근히 모르는 분이 볼땐 되게 궁금했나 보더라구요.
주변에 물어보는 분이 있어서 아예 포스팅으로 남겨버렸습니다. ^^
와우! 화살표까지 동원한 상세한 설명. 너무 멋있습니다.
뭐 멋지기는요.. ^^
좀더 확 와닿게 하려고 이렇게 해 봤는데, 이리 말씀해주시니 감사합니다.
헉! 저는 자주 안쓰는것은 그냥 지워버렸는데....
상세하게 설명해 주셔서 감사합니다. >ㅁ<
사실, 이렇게 달아 놓긴 했지만, 일단 제가 쓰는 일은 거의 없더라구요.
여차하면 다시 지워버릴까도 생각중입니다. ^^
와우 호아범님 팁감사합니다.
다른 블로그에서는 너무 간단히 설명해서 이해하기 어려웠는데
쏙쏙들어와요 ^o^
하하.. 도움이 되셨다니 저도 기분이 좋습니다. ^^
제가 원하던 정보가 많아요^^
그럼 자주 놀러오세용.. ^^