香港独立IP空间
香港php空间
美国php空间
域名注册

一般站长朋友们在设置文章内容页的正文字体样式的时候,都会选择使用css样式表来对字体样式进行控制和设置,虽然使用css样式表来设置字体的操作很简单和方便,但凡事都分有利和有弊,而css样式表有时也会遇到瓶颈的情况,所以今天无忧主机小编要教给大家另一个可以控制zblog文章内容页正文的字体样式的方法——通过js代码来控制文章内容页正文字体的大小。

首先我们需要找到zblog程序里的模板文件,post-single.php这个文件,然后用网页编辑工具打开这个文件,在这里面添加一段js代码,其js代码如下:

<SCRIPT language=JavaScript>function doZoom(size){document.getElementById('zi').style.fontSize=size+'pt'}</SCRIPT>

以上代码中的“getElementById(‘zi’)”里的属性值“zi”需要替换一下,替换成文章正文内容的div标签的ID。

然后再次用网页编辑工具打开模板文件post-single.php文件,找到合适的位置在里面添加一段html的网站源码,其网站源码如下:

选择字号: <A href="javascript:doZoom(12.5)">超大</A> <A href="javascript:doZoom(10.5)">标准</A>

以上源码中的“javascript:doZoom(12.5)”里的属性值“12.5”代表的就是字体的大小,以像素为单位,可以根据自己的实际情况进行修改,改成合适的大小,然后保存。刷新一下网站的数据,然后就可以在网站的前台看到实际的效果了。

无忧主机相关文章推荐阅读:
ZBLOG设置炫彩TAG的方法
从代码内部实现ZBLOG内容页描述的方法
ZBLOG分类页和内容页分别调用当前栏目内容的标签

本文地址:http://www.51php.com/zblog/21164.html

喜欢本文或觉得本文对您有帮助,请分享给您的朋友 ^_^

阅读本文的人还阅读:


搜索技术文档