作者b0339576 (静)
看板Blog
标题Re: [Blogger] 如何设定下拉式选单?
时间Wed Oct 7 16:03:35 2009
※ 引述《poasdm (浅蓝色)》之铭言:
: 目前我的Blogger 的 Labels 底下没有下拉式选单
: 因为想要整理一下分类主题
: 所以觉得下拉式选单是很不错的方法
: 搜寻了一下PTT的下拉式选单
: 几乎教学都看不到了 =.=
: 我想要的下拉式选单是
: 比如说 线上视频 底下 可以选择年份 1993 1994 1995
: 杂志 底下 可以选择 A杂志 B杂志 C杂志
: 不知道要怎麽设定这个呢?
先开两个标签栏位
一个设定让他只出现1993.1994.1995三个标签
一个设定出现A杂志、B杂志、C杂志
栏位标题暂时先随便打
然後再去展开小装置范本
找到这两个标签栏位
把<ul>到</ul>的部份取代成如下
<select onchange='location=this.options [this.selectedIndex].value;'>
<option>请选择</option>
<b:loop values='data:labels' var='label'>
<option expr:value='data:label.url'>
<data:label.name/> (<data:label.count/>)
</option>
</b:loop>
</select>
重点就是黄色那一行<option>跟</option>中间的文字
一个改成线上视频,一个改成杂志
这样标题栏位就能留空了,当然你不留空也是可以
就看你自己觉得怎样子比较好看又不占空间
不过两个下拉选单会有点距离
你可能要再透过CSS把她们调近一点~~
--
※ 发信站: 批踢踢实业坊(ptt.cc)
◆ From: 114.27.144.194