2011年12月14日星期三

字体放大或缩小的功能

打开【设计】->【修改HTML】 (Design -> Edit HTML)
注意:记得在扩展窗口小部件模板】空格打勾。
Tick on [Expand Widget Templates]

**请先下载模板以防万一。


步骤1:
用Ctrl+f找<head>,然后把以下的代码放在<head>的下面


<script type='text/javascript'>
function getElementsByName_iefix(tag, name) {
var elem = document.getElementsByTagName(tag);
var arr = new Array();
for(i = 0,iarr = 0; i &lt; elem.length; i++) {
att = elem[i].getAttribute("name");
if(att == name) {
arr[iarr] = elem[i];
iarr++;
}
}
return arr;
}

function doZoom(size)
{
var zooms = getElementsByName_iefix("span", "zoom")
for (var i = 0; i &lt; zooms.length; i++) {
zooms[i].style.fontSize = size+'px';
}
}
</script>


步骤2:
找<data:post.body/>,找到之后把它替换成
<span name='zoom'><data:post.body/></span>

如果你找到的是<p><data:post.body/></p>,就把它换成
<span name='zoom'><p><data:post.body/></p></span>

步骤3:

到页面元素->添加小工具->HTML/JavaScript,把以下代码放进去。(选择其中一款即可)
第一款:





<a href="javascript:doZoom(16)">大</a>
<a href="javascript:doZoom(14)">中</a>
<a href="javascript:doZoom(12)">小</a>


第二款:
Font Size Large Font Size Large Font Size Large Font Size


<a href="javascript:void(0)"><img alt="Font Size" src="http://chenkaie.googlepages.com/fontsize.gif"></a> <a href="javascript:doZoom(18)"><img alt="Large Font Size" src="http://chenkaie.googlepages.com/fontsize_l.gif"></a> <a href="javascript:doZoom(14)"><img alt="Large Font Size" src="http://chenkaie.googlepages.com/fontsize_m.gif"></a> <a href="javascript:doZoom(10)"><img alt="Large Font Size" src="http://chenkaie.googlepages.com/fontsize_s.gif"></a>


第三款:
【Font Size】 A A A 
A


<span style="font-family: courier new; font-weight: bold;">【Font Size】</span> <a href="javascript:doZoom(11)" title="Small (11px)"><span style="font-size: 85%;"><span style="font-family: times new roman;">A</span></span></a> <a href="javascript:doZoom(13)" title="Original (13px)"><span style="font-family: times new roman;">A</span></a> <a href="javascript:doZoom(15)" title="Large (15px)"><span style="font-size: 130%;"><span style="font-family: times new roman;">A</span></span></a> <a href="javascript:doZoom(16)" title="Huge (16px)"><span style="font-size: 180%;">
<span style="font-family: times new roman;">A</span></span></a>

没有评论:

发表评论