在pjblog上添加侧边栏开关的方法（for pjblog 2.6）

iiduce

前些日子看到论坛上有人提出如何给pjblog添加侧边栏开关。当时我的blog尚未发布，所以才迟至今天才写这篇文章。其实实现方法挺简单，不知有人发表过没。（此方法针对pjblog2.6，以前版本的修改办法略有不同，如果想要的话请留言）
        具体实现方法请进 ：  http://www.ygha.cn/article.asp?id=15
方法如下：      
1. 打开common\common.js，在文件的开始处添加如下代码：

1. //侧边栏开关显示
2. //Author:iiduce
3. function hide(id1,id2)
4. {
5.     id1.style.display = "none";
6.     id2.style.width = "auto";
7.     a1.style.display = "none";
8.     a2.style.display = "";
9. }
10. function show(id1,id2)
11. {
12.     id1.style.display = "";
13.     id2.style.width = "100%";
14.     a1.style.display = "";
15.     a2.style.display = "none";
16. }

复制代码

2. 打开Temblate\Article.asp，在文件的第五行（<a href="feed.asp?cateID=<$log_CateID$>" target="_blank" title="订阅所有<$Cate_Title$>的日志" accesskey="F"><img border="0" src="images/rss.png" alt="订阅所有<$Cate_Title$>的日志" style="margin-bottom:-1px"/> 订阅</a>）前面添加如下代码：

1. <a href="#"  id="a1">关闭侧边栏</a><a href="#"  id="a2" style="display:none;">显示侧边栏</a>&nbsp;&nbsp;&nbsp;&nbsp;

复制代码

   
3. 打开class\cls_article，在代码<a href="feed.asp?cateID=<%=log_ViewArr(1,0)%>" target="_blank" title="订阅所有<%=getCate.cate_Name%>的日志" accesskey="O"><img border="0" src="images/rss.png" alt="订阅所有<%=getCate.cate_Name%>的日志" style="margin-bottom:-1px"/> 订阅</a>（找不到？CTRL+F搜索）前面添加与步骤2相同的代码。

4.
打开class\cls_default，在代码     预览模式: <a href="<%=Url_Add%>distype=normal" accesskey="1">普通</a> 前面添加与步骤2相同的代码。


PS:
1. 如果在后台站点基本设置中选中静态日志模式，则只有日志页可显示侧边栏开关，首页不能显示。如果未选中则二者皆可。
2. 侧边栏开关的显示位置可以根据你自己的喜好在程序代码的相应位置中添加

演示：http://www.ygha.cn
















[ 本帖最后由 iiduce 于 2006-7-30 15:44 编辑 ]

iiduce

原帖由 星铃丹 于 2006-7-28 10:33 发表
对一些艺术化的皮肤会有美观的影响...不放出来就不给什么了...呵呵

这只是基本的修改方法，可以根据自己的皮肤改一下显示效果。   “不放出来就不给什么了”  我好可怜的说，  我真的是想给自己的博客冲冲人气，我貌似有些自私～

iiduce

已经在论坛上放出来了～

iiduce

应网友要求，已经把要更新的文件修改好后给大家提供下载，只要把下载的文件解压到网站根目录下覆盖原文件即可

iiduce

有的网友试过后说无效。
两种方法我都测试过了，都可以的。不过第二种方法下载文件后覆盖可能会导致网页出现乱码（下载文件做好后我没有做测试，出现了错误，对不起大家了），所以不再提供下载，请网友认真按照上面的方法操作，肯定是可以的。
注意：直接在网页上复制代码到文件里，可能会出现复制的内容与原来代码不同（这个要看打开文件使用的软件，用记事本或写字板打开复制粘贴应该是没有问题），请一定要仔细。

zkfy3s

拿个站演示下！

iiduce

原帖由 zkfy3s 于 2006-7-28 22:17 发表
拿个站演示下！

我的站 http://www.ygha.cn

xudongyh

555555555555555555555555555
哭了  你的代码 害的 我的网站 乱码了  留言的地方

小狼壮壮

没想到第一次发表东西就这么失败，我是亲自测试过好多遍的啊~  好头痛

zkfy3s

原帖由 星铃丹 于 2006-7-29 19:33 发表
呵呵，不要泄气

和CSS相关的东西和皮肤不容易兼容的，我之前也说过

而每个人的blog修改的东西都不一样，所以不兼容的地方会更多

所以，继续努力打造自己喜欢的blog，可以的话拿出来分享，就是最好的 ^_^

恩，都给你加精啦~
继续努力吧~
等我设计件衣服给你穿哦~