在Z-blog中设置“字体缩放”【修正“字体缩放”位置】
在论坛上看到 有人共享 在Z-blog 中加入 “阅读全文”的方法，确实很不错。在这里感谢，跑调，freesky ！
但我跟进老帖后（[url=http://bbs.rainbowsoft.org/viewthread.php?tid=142&extra=page%3D1]http://bbs.rainbowsoft.org/viewthread.php?tid=142&extra=page%3D1[/url]），发现有很多朋友对设置“字体大小”，还是有问题，原帖的作者页面没有再说明了。我试了一下，修改后成功了，分享给大家。
首页，效果如下：[code]Tags: 忘不掉
阅读全文 | 分类:我的身边 | 评论:0 | 引用:0 | 字体: 小 中 大 [/code]点进文章后，效果如下：[code]Tags: 忘不掉
发布:璇歌 | 分类:我的身边 | 评论:0 | 引用:0 | 浏览:4 | 字体: 小 中 大[/code]步骤：
1， 在 ./script/common.js 中加入 如下代码[code]
//*********************************************************
// 目的： 游客设置字体大小
//*********************************************************
function SetFont(num){
var divs = document.getElementsByTagName("div");
for (var i = 0; i < divs.length; i++)
if(divs.className=="post-body")
divs['style']['fontSize']=num;
}
//*********************************************************[/code]个人建议加在“嵌入 jQuery” 的上面即可，看起来要规范些。
2，和原帖一样，在./template/b_article-multi.html 中替换如下代码[code]<h6 class="post-footer">
<a href="<#article/url#>">阅读全文</a> | <#ZC_MSG012#>:<a href="<#ZC_BLOG_HOST#>catalog.asp?cate=<#article/category/id#>"><#article/category/name#></a> | <a href="<#article/url#>#comment"><#ZC_MSG013#></a>:<a href="<#article/url#>#comms"><#article/commnums#></a> | <a href="<#article/url#>#tburl"><#ZC_MSG014#></a>:<a href="<#article/url#>#tbs"><#article/trackbacknums#></a> | 字体: <a href="javascript:SetFont('12px')">小</a> <a href="javascript:SetFont('14px')">中</a> <a href="javascript:SetFont('16px')">大</a>
</h6>[/code]3，为了点进文章后仍然能够设置，在./template/b_article-single.html 中替换如下代码[code]<#ZC_MSG011#>:<#article/author/name#> | <#ZC_MSG012#>:<#article/category/name#> | <#ZC_MSG013#>:<#article/commnums#> | <#ZC_MSG014#>:<#article/trackbacknums#> | <#ZC_MSG130#>:<span id="spn<#article/id#>"></span> | 字体: <a href="javascript:SetFont('12px')">小</a> <a href="javascript:SetFont('14px')">中</a> <a href="javascript:SetFont('16px')">大</a>[/code]OK。这样应该就可以了，我的Z-BLOG 已经可以了。
----------------------修正“字体缩放”位置，为 文章标题右侧，谢谢ganluhai的建议------------------------------
效果如下：
[attach]2616[/attach]
步骤：
1，修改.css文件，加入如下代码[code]div.post .post-setfont{
width:500px;
margin:0;
padding:0;
font-size:12px;
color: #333333;
text-align:right;
font-weight:normal;
}[/code]个人建议，把代码放在div.post .post-date{} 下，同样是为了规范，方便查找。
2，修改./template/b_article-single.html，在[code]<h2 class="post-title"><#article/title#></h2>[/code]下面加入如下代码[code]<div class="post-setfont">字体: <a href="javascript:SetFont('12px')">小</a> <a href= "javascript:SetFont('14px')">中</a> <a href="javascript: SetFont('16px')">大</a></div>[/code]PS: 潜水太久了，不写些东西，都不好意思了。具体效果，大家可以逛逛我的小站 [url=http://www.reforget.cn/xuange]www.reforget.cn/xuange[/url] 。个人网站，不追求什么流量，写些关于自己的东西。欢迎大家做客！
[[i] 本帖最后由 Visl.X 于 2007-12-16 16:02 编辑 [/i]]
