文章分类 Classification
SCSCMS 2.0系统详细页全屏修改方法
稿件来源: 阳光企业网站管理系统 撰稿作者: 太阳光 发表日期: 2014-02-09 阅读次数: 217 查看权限: 游客查看
昨天有朋友提到本站系统详细页可不可以去除左侧内容，使详细页全屏比较大气。
应要求今天我讲解一下本站系统V2.0详细页全屏修改方法。先以新闻为例，其他栏目类似。打开html/shownews.asp文件：
<%
Call head_landmark(i_CatId,s_CatType,"")
Response.write "<div class=""min_left"">"&vbcrlf
Call index_cattree("left",0,s_CatType,false) '分类菜单
Response.write "<div class='min_ad'><script type=""text/javascript"" language=""javascript"" src=""/html/advertise/left.js""></script></div>"&vbcrlf
Call similar_list("left",10) '同类新闻
Call correlation("left",10,"software|news|article") '相关内容
Response.write "</div>"&vbcrlf
Response.write "<div class=""max_right"">"&vbcrlf
Response.write "<div class=""scsdiv bigright"" id=""div_"&s_CatType&""">"&vbcrlf
Call scs_content()
Response.write "</div>"
Call Three_ul(s_CatType,"left",18,186,true) '最新新闻
Call side_scroll_pic(s_CatType,"left",16,170,true) '滚动图片
Response.write "</div>"
%>
把以上代码修改为：
<% Call head_landmark(i_CatId,s_CatType,"") Response.write "<div class=""scsdiv"" id=""div_"&s_CatType&""">"&vbcrlf Call scs_content() Response.write "</div>" 'Call Three_ul(s_CatType,"left",18,186,true) '最新新闻 'Call side_scroll_pic(s_CatType,"left",16,170,true) '滚动图片 %>
请注意：之所以把最后两行注销是因为他们显示并不是全屏的，如果你觉得下面突然变空了可添加首页全屏效果的函数，例如：
<%
Call head_landmark(i_CatId,s_CatType,"")
Response.write "<div class=""scsdiv"" id=""div_"&s_CatType&""">"&vbcrlf
Call scs_content()
Response.write "</div>"
Call index_picture(12,true) '首页图片效果
Call Scs_four("news","1,2,3,4",true) '调用四栏新闻 分类ID请更换
%>
好了，至此新闻的详细页就是全屏显示了。不过你认真查看会发现一点小问题：百度与谷哥搜索并没居中，评论的输入框也没拉长，这些可以通过修改CSS实现的。打开scs_img/scscms.css
.bai_goo li{display:inline-block;float:left;overflow:hidden;width:350px;height:30px;line-height:30px;} 红色部分改为：width:50%
width:620px;color:#333;红色部分改为：width:670px
最后是修改广告图片了，打开inc/scs_function.asp 在1147行
Response.write "<script src=""/html/advertise/right.js"" language=""Javascript"" type=""text/javascript""></script>" '广告图片 '====以上代码改为： Response.write "<script src=""/html/advertise/index.js"" language=""Javascript"" type=""text/javascript""></script>" '广告图片
其实就是把right.js改为index.js。
关键词: scscms,全屏修改,详细页面 编辑时间: 2014-02-09 15:01:05
0
高兴
0
支持
0
搞笑
0
不解
0
谎言
0
枪稿
0
震惊
0
无奈
0
无聊
0
反对
0
愤怒
0%(0)
100%(1)
中搜索：
中搜索：
- 【管理员_太阳光】其实合适不合适你是要考虑电脑屏幕的，我们是以1024作为最小屏幕参考制作。你应该是以你自己电脑的屏蔽来参考吧！ [2014-03-18 11:01:15]
- 【游客】经过我多次测试，width:620px;color:#333;改为：width:865px;color:#333;最合适 [2014-02-09 16:17:21]
- 【游客】太好了！这个最实用了 [2014-02-09 15:07:09]
文章图片 article Pictrue
网友评论