Wednesday, June 27, 2007

Drop Down Labels

미투데이 로그를 만들고 나서, 포스트마다 레이블이 많아서 그런지, 사이드바가 늘어나는 레이블로 왼쪽 그림과 같이 계속 길어지더군. 늘어진 레이블이 보기가 좋지 않아서 드롭다운되는 레이블 박스로 바꾸려고 관련 소스를 구하려 헤매다가 못 찾고 있었다.

오늘 구글 닥스의 외형이 변화되는 글을 읽다가 내 구글닥스 구석에 처박혀 있던 템플릿 소스를 찾았는데, 레이블 클라우드를 적용하기 전에 사용했던 템플릿으로 보관용으로 갖고 있었던 것이다. 그 소스안에서 드롭다운 레이블 박스 소스를 발견하고는 바로 적용해 보았다.

보기 좋게 드롭다운 레이블 박스가 생겼다. 사이드바가 깔끔해 졌다. ^^

관련 소스는 아래와 같다.

<b:widget id='Label1' locked='false' title='Labels' type='Label'>
<b:includable id='main'>
<b:if cond='data:title'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'>
<select onchange='location=this.options[this.selectedIndex].value;'>
<option>Select a label</option>
<b:loop values='data:labels' var='label'>
<option expr:value='data:label.url'><data:label.name/>
(<data:label.count/>)
</option>
</b:loop>
</select>
<b:include name='quickedit'/>
</div>
</b:includable>
</b:widget>

수정된 드롭다운 레이블 박스는 그림과 같다.

이 소스를 어디서 구해서 붙였을텐데, 어디서 구했는지 기억이 없다. 내가 창작한 것이 아니니 오리지날 소스를 제공한 분의 링크라도 걸어야 하는데 어디서 구했는지 기억이 없어서 링크를 걸 수가 없다. 그래서 항상 메모를 잘 해 두어야 하는데 말이야. ㅡ.ㅡa;;;

이래저래 드롭다운 레이블 박스로 수정하고, 보관용으로 묵혀 두었던 템플릿을 요긴하게 사용했다는 것이 오늘 내겐 소중하다는 것~. ^^

4 comments:

  1. 드롭다운 레이블 좋네요 ^^ 아직은 레이블이 네개뿐이라 필요하진 않은데 시간이 더 지나면 필요하겠죠? 복사해 갑니다~

    ReplyDelete
  2. 전부터 찾다가 못 찾던 건데 역시 있었네요. 한번 적용해봐야겠군요. 알려주셔서 감사합니다.

    ReplyDelete
  3. [ultramint] 드롭다운메뉴가 좋은 점도 있습니다. 잘 사용하세요.

    ReplyDelete
  4. [mistiline] 저도 한참 찾았는데, 그것이 말입니다. ㅋㅋㅋ

    ReplyDelete