2009年1月26日星期一

增加滚动条

<div style="overflow:auto; height:300px; width:400px">
<table cellpadding="0" cellspacing="0" style="width:250px;">
<tr>
<td> 文字部分</td>
</tr>
</table>
</div>

2009年1月18日星期日

下拉菜单形式的标签

以前的Blogger中我们用标签的形式显示存档,现在我们要把标签变成下拉菜单。

找到以下代码:
<b:widget id='Label1' locked='false' title='Labels' type='Label'>
<b:includable id='main'>
<b:if cond='data:title'>
<h2><data:title/></h2>
</b:if>
<div class='widget-content'>
<ul>
<b:loop values='data:labels' var='label'>
<li>
<b:if cond='data:blog.url == data:label.url'>
<data:label.name/>
<b:else/>
<a expr:href='data:label.url'><data:label.name/></a>
</b:if>
(<data:label.count/>)
</li>
</b:loop>
</ul>
<b:include name='quickedit'/>
</div>
</b:includable>
</b:widget>
将红色部分替换成下面的代码:
<br />
<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>


2009年1月17日星期六

首字下沉

这个功能似乎不太常用,而且用起来也比较麻烦。看到有人也用到这个小小的修饰,所以也写在这里。

1.在CSS里定义首字的形式。可以自定义font-size(字体大小),color(颜色),line-height(行高).

.dropcaps { float:left; color: $headerBgColor; font-size:100px; line-height:80px; padding-top:1px; padding-right:5px; }

2.用的时候把第一个字用<span>包围起来,如<span class="dropcaps">示例</span>