您当前位置:首页 > 文章中心 > SCSCMS > 修改教程

SCSCMS 2.0系统详细页全屏修改方法

稿件来源: 阳光企业网站管理系统   撰稿作者: 太阳光   发表日期: 2014-2-9   阅读次数: 89   查看权限: 游客查看

昨天有朋友提到本站系统详细页可不可以去除左侧内容,使详细页全屏比较大气。

应要求今天我讲解一下本站系统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-2-9 15:01:05

  • 感到高兴

    0

    高兴
  • 感到支持

    0

    支持
  • 感到搞笑

    0

    搞笑
  • 感到不解

    0

    不解
  • 感到谎言

    0

    谎言
  • 感到枪稿

    0

    枪稿
  • 感到震惊

    0

    震惊
  • 感到无奈

    0

    无奈
  • 感到无聊

    0

    无聊
  • 感到反对

    0

    反对
  • 感到愤怒

    0

    愤怒
0%(0)
100%(1)
共有3 条评论 发言请遵守【相关规定

网友评论

会员头像
发 表同步腾讯微博  匿名评论  验证码:  点击更新
  • 【管理员_太阳光】其实合适不合适你是要考虑电脑屏幕的,我们是以1024作为最小屏幕参考制作。你应该是以你自己电脑的屏蔽来参考吧! [2014-3-18 11:01:15]
  • 【游客】经过我多次测试,width:620px;color:#333;改为:width:865px;color:#333;最合适 [2014-2-9 16:17:21]
  • 【游客】太好了!这个最实用了 [2014-2-9 15:07:09]
关闭模块文章图片 article Pictrue
  • 代码覆盖率工具 Istanbul 入门教程
  • 全栈工程师的武器——MEAN
  • 9款超炫的 CSS3 复选框(Checkbox)
  • 微信开发在线翻译功能
  • CSS3那些不为人知的高级属性
  • 给easyui的datebox添加清空事件
  • flash写字效果
  • kendoUI系列教程之DropDownList下拉菜单
  • kendoUI系列教程之datetimepicker日期时间选择
  • kendoUI系列教程之datepicker日期选择
  • kendoUI系列教程之combobox下拉列表框
  • kendoUI系列教程之colorpicker
  • kendoUI系列教程之calendar日历表
  • kendoUI系列教程之autocomplete自动补齐
  • kendo ui简介
  • QQ登录网站实战教程