如题。
首先声明,我不是原创,我也是在论坛上看了大家的帖子,综合了一下,找到的最终解决方法:
主要修改四个文件:
common\common.js
Temblate\Article.asp
class\cls_article.asp
class\cls_default.asp
演示地址: http://www.yangjun.cn
主要添加的代码:复制内容到剪贴板
代码:
<a href="#" onclick="hide(sidebar,mainContent);" id="a1">关闭侧边栏</a><a href="#" onclick="show(sidebar,mainContent);" id="a2" style="display:none;">显示侧边栏</a>具体修改过程:
一、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";
}二、Temblate\Article.asp
找到如下代码:
复制内容到剪贴板
代码:
<div class="Content">
<div class="Content-top"><div class="ContentLeft"></div><div class="ContentRight"></div>
<h1 class="ContentTitle"><strong><$log_Title$></strong><$log_hiddenIcon$></h1>
<h2 class="ContentAuthor">作者:<$log_Author$> 日期:<$log_PostTime$></h2></div>替换成:
复制内容到剪贴板
代码:
<div class="Content">
<div class="Content-top"><div class="ContentLeft"></div><div class="ContentRight"></div><div style="float:left;width:auto"><h1 class="ContentTitle"><strong><$log_Title$></strong><$log_hiddenIcon$></h1>
<h2 class="ContentAuthor">作者:<$log_Author$> 日期:<$log_PostTime$></div><div style="float:right;width:auto"><a href="#" onclick="hide(sidebar,mainContent);" id="a1">关闭侧边栏<a href="#" onclick="show(sidebar,mainContent);" id="a2" style="display:none;">显示侧边栏</a></div></h2></div>三、class\cls_article.asp
找到如下代码:
复制内容到剪贴板
代码:
<div class="Content">
<div class="Content-top"><div class="ContentLeft"></div><div class="ContentRight"></div>
<h1 class="ContentTitle"><strong><%=HtmlEncode(log_ViewArr(2,0))%></strong></h1>
<h2 class="ContentAuthor">作者:<%=log_ViewArr(5,0)%> 日期:<%=DateToStr(log_ViewArr(9,0),"Y-m-d H:I:S")%></h2></div>替换成:
复制内容到剪贴板
代码:
<div class="Content">
<div class="Content-top"><div class="ContentLeft"></div><div class="ContentRight"></div>
<div style="float:left;width:auto"><h1 class="ContentTitle"><strong><%=HtmlEncode(log_ViewArr(2,0))%></strong></h1>
<h2 class="ContentAuthor">作者:<%=log_ViewArr(5,0)%> 日期:<%=DateToStr(log_ViewArr(9,0),"Y-m-d H:I:S")%></div><div style="float:right;width:auto"><a href="#" onclick="hide(sidebar,mainContent);" id="a1">关闭侧边栏<a href="#" onclick="show(sidebar,mainContent);" id="a2" style="display:none;">显示侧边栏</a></div></h2></div>四、class\cls_default.asp
找到如下代码:
复制内容到剪贴板
代码:
<div class="pageContent" style="text-align:Right;overflow:hidden;height:18px;line-height:140%"><span style="float:left"><%=CT%></span><%=MultiPage(Log_Num,blogPerPage,CurPage,Url_Add,"","floateft")%> 预览模式: <a href="<%=Url_Add%>distype=normal" accesskey="1">普通</a> | <a href="<%=Url_Add%>distype=list" accesskey="2">列表</a></div>替换成:
复制内容到剪贴板
代码:
<div class="pageContent" style="text-align:Right;overflow:hidden;height:18px;line-height:140%"><span style="float:left"><%=CT%></span><%=MultiPage(Log_Num,blogPerPage,CurPage,Url_Add,"","floateft")%> 预览模式: <a href="<%=Url_Add%>distype=normal" accesskey="1">普通</a> | <a href="<%=Url_Add%>distype=list" accesskey="2">列表</a> | <a href="#" onclick="hide(sidebar,mainContent);" id="a1">关闭侧边栏<a href="#" onclick="show(sidebar,mainContent);" id="a2" style="display:none;">显示侧边栏</a></div>PS:
1. 如果在后台站点基本设置中选中静态日志模式,则只有日志页可显示侧边栏开关,首页不能显示。如果未选中则二者皆可。
2. 侧边栏开关的显示位置可以根据你自己的喜好在程序代码的相应位置中添加
最后还是把修改过的文件打包送上,老规矩,还是提醒您,事先备份。我提供的文件只是做个参考。
PS:
如果按上述步骤添加完侧边栏后,发现有些模板不适合,比如隐藏侧边栏后,主内容框居中了。
则应该修改相应模板文件夹下的layout.css文件
把“/*---主内容--*/”代码的最后一行换成:
复制内容到剪贴板
代码:
.content-width{margin:auto;width:100%;}/*--主内容元素的全局宽度--*/[
本帖最后由 yangjun 于 2007-12-11 02:50 编辑 ]