PJBlog3在万众瞩目之下正式破例像大家公测了。然而令所有PJSkiner[PJ皮肤制作者]高兴的事情莫过于这次的升级对皮肤居然没有一点影响,虽然三栏的皮肤均受到了影响,但毕竟三栏皮肤是PJ皮肤中的少数。
在PJ3发布之际,本区版主我tangzhehao,也给大家带来一个提升PJ皮肤显示速度的小方法。这个方法不是我独创的,但是效果还是有的。大家可以参考参考。
1. 首先,修改之前一定要注意
备份。大家要养成及时备份的习惯。
2. 打开根目录下的header.asp文件。你可以找到
引用:
<link rel="stylesheet" rev="stylesheet" href="skins/<%=Skins%>/global.css" type="text/css" media="all" /><!--全局样式表-->
<link rel="stylesheet" rev="stylesheet" href="skins/<%=Skins%>/layout.css" type="text/css" media="all" /><!--层次样式表-->
<link rel="stylesheet" rev="stylesheet" href="skins/<%=Skins%>/typography.css" type="text/css" media="all" /><!--局部样式表-->
<link rel="stylesheet" rev="stylesheet" href="skins/<%=Skins%>/link.css" type="text/css" media="all" /><!--超链接样式表-->
<link rel="stylesheet" rev="stylesheet" href="skins/<%=Skins%>/UBB/editor.css" type="text/css" media="all" /><!--UBB编辑器代码-->
这样几行代码。高手一目了然的可以明白,这其实就是PJ皮肤的心脏,也就是这些代码指向皮肤的CSS,皮肤才能正常显示,也就是说,你可以在每个皮肤下找到相对应的这四个皮肤CSS文件的。
3. 然后我们就把它们替换一下吧。
引用:
<link rel="stylesheet" rev="stylesheet" href="skins/<%=Skins%>/style.css" type="text/css" media="all" />
也就是说,我们把这四个皮肤CSS都替换成了一个CSS文件——style.css。
4. 当然,皮肤的CSS也要作出相应的修改了。以后下载使用皮肤的时候都需要新建一个style.css文件,然后把global.css, layout.css, typography.css, link.css以及UBB目录下的editor.css全部复制到这个新建的style.css文件里面去,这样皮肤就能正常显示了。
5. 还想要什么步骤?OVER了!
加速显示的原理:原来PJ皮肤的四个CSS,浏览器在读取的时候,响应的次数是4次,而变成了一个CSS文件,自然只响应1次,在文件大小不变的情况下自然要速度增加了。
加速显示的缺陷:对于新手来说,把CSS集合成一个之后,修改的时候自然就复杂一些,因为你无法分清每一部分是原来的哪一个文件里面的。
[
本帖最后由 tangzhehao 于 2008-8-3 08:38 编辑 ]