官方首页 | 无图版 | BBS首页
PJBlog2最新版本下载|升级包(2007.12.23) Bo-Blog V2.1.0 到 PJBlog 2.7 的转换程序 WP 2.3 到 PJ 2.6/2.7 的转换程序 手把手教您在PJForum上传图片
PJBlog技术支持论坛使用问题总索引 手术式讲解视频教程如何制作 PJblog2.7.05终极资源包电驴免费下载 风格使用区-HOT! 凤凰行动开始!
 19 12
发新话题
打印

在pjblog上添加侧边栏开关的方法(for pjblog 2.6)

本主题由 thomas 于 2007-2-7 16:40 解除高亮

在pjblog上添加侧边栏开关的方法(for pjblog 2.6)

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

方法如下:      
1. 打开common\common.js,在文件的开始处添加如下代码:
复制内容到剪贴板
代码:
//侧边栏开关显示
//Author:iiduce
function hide(id1,id2)
{
    id1.style.display = "none";
    id2.style.width = "auto";
    a1.style.display = "none";
    a2.style.display = "";
}
function show(id1,id2)
{
    id1.style.display = "";
    id2.style.width = "100%";
    a1.style.display = "";
    a2.style.display = "none";
}

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>)前面添加如下代码:
复制内容到剪贴板
代码:
<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 编辑 ]

TOP

引用:
原帖由 星铃丹 于 2006-7-28 10:33 发表
对一些艺术化的皮肤会有美观的影响...不放出来就不给什么了...呵呵
这只是基本的修改方法,可以根据自己的皮肤改一下显示效果。   “不放出来就不给什么了”  我好可怜的说,  我真的是想给自己的博客冲冲人气,我貌似有些自私~

TOP

已经在论坛上放出来了~

TOP

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

TOP

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

TOP

拿个站演示下!

TOP

引用:
原帖由 zkfy3s 于 2006-7-28 22:17 发表
拿个站演示下!
我的站 http://www.ygha.cn

TOP

555555555555555555555555555
哭了  你的代码 害的 我的网站 乱码了  留言的地方
我的网站:
http://www.wangxudong.com

TOP

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

TOP

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

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

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

所以,继续努力打造自己喜欢的blog,可以的话拿出来分享,就是最好的 ^_^
恩,都给你加精啦~
继续努力吧~
等我设计件衣服给你穿哦~

TOP

 19 12
发新话题