点击进入知科官方网站
查看: 2657  |  回复: 21
 
 
longfor
积分:1270
注册时间:2012-02-08
最后登录:2013-10-21
发送短消息
发表于 2012-10-29 09:25
一、
需要修改的网站:www.580350.com/home2.aspx
问题描述:把我网站的头部安装到home2这里,不要这个原来的头。
二、如何将这个条增加高度,往下延长至广告位的上面
三、如何在这个区域内实现,调用新闻ID为50的文章,并且自动获取尺寸为240*150的文章图片,图片下面显示该文章标题,在标题的下面显示该栏目下文章标题的2个。
 
 
Official服务
积分:16745
注册时间:2012-01-02
最后登录:2015-09-24
发送短消息
回复于 2012-10-29 13:09
1楼
问题一的大致实现方法是通过css的display:none隐藏本页头部,再通过iframe加载公区头部。
 
具体方法: 打开home2.asp 将:
<div id="topbarbox">改成<div id="topbarbox" class="none">
<div id="headbox">改成<div id="headbox" class="none">
<div id="navbox">改成<div id="navbox" class="none">
 
在<div class="box pt5">的前面添加如下这段代码
<iframe frameborder="0" scrolling="no" width="100%" height="188" src="http://www.580350.com/s/head.aspx"></iframe>
 
 
问题二:
直接在<ul id="navbarmenu">这个里面添加li标签代码就行了  
 
问题三:参阅http://city.zkcms.com/bbs/817.aspx  
 
 
 
现提供它的SQL语句是:
 
这句的意思是显示2条数据,且是已审核的信息,且是栏目编号为50里的信息,且是上传了代表图片的信息,按时间降序(最新到最旧)排序
select top 2 * from info where enable=1 and classid=50 and thumbnail<>'' order by time desc
 
你所说的显示240*150的代表图片的,这个是实现不了的
 
 
 
longfor
积分:1270
注册时间:2012-02-08
最后登录:2013-10-21
发送短消息
回复于 2012-10-29 14:24
2楼
问题二:我添加到13了,可是前台显示到10就没了?
问题三:我换成你这个了,可是还是不显示图片,只显示两条新闻标题?
 
 
Official服务
积分:16745
注册时间:2012-01-02
最后登录:2015-09-24
发送短消息
回复于 2012-10-29 14:34
3楼
 
高度中css中是给固定的  请打开该文件所对应的css文件,并修改相关css代码
 
没有图标可以修改相关背景图片把图标添加上
 
 
 
 
缩略图的字段名是thumbnail     (  标题的字段名是title   )
 
 
 
longfor
积分:1270
注册时间:2012-02-08
最后登录:2013-10-21
发送短消息
回复于 2012-10-29 14:46
4楼
问题中的列表通过修改css样式可以看到了,可是背景图片那个如何修改呢?
 
 
Official服务
积分:16745
注册时间:2012-01-02
最后登录:2015-09-24
发送短消息
回复于 2012-10-29 14:48
5楼
背景图片是\T\1\skinsprite.gif
 
 
用图片处理软件修改此图片,  
 
(此图片要向下添加更多图标是吗,但图片的位置有限,你可以复制skinsprite.gif一份改名,比如改成skinsprite1.gif 再用图片处理软件修改此图片,此图片中可以删除其它的没有用处的区域,再相应修改css文件,利用这个新改的skinsprite1.gif作为左侧菜单的背景图片)
 
 
longfor
积分:1270
注册时间:2012-02-08
最后登录:2013-10-21
发送短消息
回复于 2012-10-29 15:04
6楼
background: url(sprite.gif) no-repeat -220px -203px;
打开css样式,看到有些数据是跟这个图片,有关的,后面的-220px是定位的坐标?我现在按照你说的办法,复制了一份,除了我这个左边框,其余的都裁切了,可是如何在CSS里知道哪个是控制这个背景的呢?
 
 
Official服务
积分:16745
注册时间:2012-01-02
最后登录:2015-09-24
发送短消息
回复于 2012-10-29 15:08
7楼
 
 
 
你改的图片看到了  上图中红框里才是要保留的
 
 
 
 
 
 
 
 
把定位设成0
background: url(sprite.gif) no-repeat 0px 0px;
 
 
longfor
积分:1270
注册时间:2012-02-08
最后登录:2013-10-21
发送短消息
回复于 2012-10-29 15:10
8楼
#navbarmenu li
{
 line-height: 0; 
 font-size:0;
 height: 32px;
 overflow: hidden; 
 padding-left:8px;
 background: url(#navbarmenu li
{
 line-height: 0; 
 font-size:0;
 height: 32px;
 overflow: hidden; 
 padding-left:8px;
 background: url(sprite1.gif) no-repeat 0px 0px) no-repeat 0px 0px
 
我把这个设置为sprite1.gif   定位弄成0,成一样的图标了?www.580350.com/home.aspx
 
 
Official服务
积分:16745
注册时间:2012-01-02
最后登录:2015-09-24
发送短消息
回复于 2012-10-29 15:19
9楼
 你不能修改#navbarmenu li这个的样式, 应该是修改这个的上一级样式
 
background: url(sprite1.gif) no-repeat 0px 0px) no-repeat 0px 0px 
这一段是错的
 
 
 
 
 
 
background: url(sprite1.gif) no-repeat 0px 0px;
这才是对的
 
 
 
 
 
longfor
积分:1270
注册时间:2012-02-08
最后登录:2013-10-21
发送短消息
回复于 2012-10-29 15:28
10楼
sprite1.gif改成上图这样,代码改成background: url(sprite1.gif) no-repeat 0px 0px;
 
 
Official服务
积分:16745
注册时间:2012-01-02
最后登录:2015-09-24
发送短消息
回复于 2012-10-29 15:28
11楼

看9楼中的第一行说的

 
 
longfor
积分:1270
注册时间:2012-02-08
最后登录:2013-10-21
发送短消息
回复于 2012-10-29 15:35
12楼
.x2
{
 background: url(sprite1.gif) no-repeat 0px 0px;
 height:645px;
 overflow:hidden;
 padding:0 1px;
 
按照您说的这是他的上级吧?改了这块又重叠了www.580350.com/home.aspx
 
 
longfor
积分:1270
注册时间:2012-02-08
最后登录:2013-10-21
发送短消息
回复于 2012-10-29 15:35
13楼
.x2
{
 background: url(sprite1.gif) no-repeat 0px 0px;
 height:645px;
 overflow:hidden;
 padding:0 1px;
 
按照您说的这是他的上级吧?改了这块又重叠了www.580350.com/home2.aspx
 
 
Official服务
积分:16745
注册时间:2012-01-02
最后登录:2015-09-24
发送短消息
回复于 2012-10-29 15:39
14楼

那你修改图片,去掉上面的横条  

 

 

 
 
longfor
积分:1270
注册时间:2012-02-08
最后登录:2013-10-21
发送短消息
回复于 2012-10-29 15:51
15楼
问题二已解决,问题三我搞不懂了,这是关于这个版块的代码,老大你看如何修改?
<div class="c1">
                                    <div class="b1">
                                        <div class="fl">专业试车</div>
                                        <div class="fr"><a href="/house/">更多&raquo;</a></div>
                                        <div class="clear"></div>
                                    </div>
                                    <div class="v1">
                                        <div class="v1_d">
                                            <ul>
                                                <%=ZK.BindEasy("select top 2 * from info where enable=1 and classid=50 and thumbnail<>'' order by time desc", "<li class=\"isred{{isred}}\"><span>{{time}}</span><a title=\"{{#title}}\" href=\"/news/{{ID}}.htm\" target=\"_blank\">{{title}}</a></li>", "title", 30, "..", "time", "MM\\/dd")%></ul>
                                        </div>
                                    </div>
                                </div>
 
我就是要一个如下图这样的效果
 
 
Official服务
积分:16745
注册时间:2012-01-02
最后登录:2015-09-24
发送短消息
回复于 2012-10-29 15:54
16楼
  <%=ZK.BindEasy("select top 2 * from info where enable=1 and classid=50 and thumbnail<>'' order by time desc", "<li class=\"isred{{isred}}\"><span>{{time}}</span><a title=\"{{#title}}\" href=\"/news/{{ID}}.htm\" target=\"_blank\">{{title}}</a></li>", "title", 30, "..", "time", "MM\\/dd")%>
 
你要修改以上这段是吧
 
 
要输出缩略图是吧,它的字段名是thumbnail   
 
 
 
 
 
 
 
 
你把上面的代码详细分开来看是这样:
这是SQL语句   select top 2 * from info where enable=1 and classid=50 and thumbnail<>'' order by time desc
这是是输出样式  <li class=\"isred{{isred}}\"><span>{{time}}</span><a title=\"{{#title}}\" href=\"/news/{{ID}}.htm\" target=\"_blank\">{{title}}</a></li>
你把 {{thumbnail}} 放到输出样式里
 
 
longfor
积分:1270
注册时间:2012-02-08
最后登录:2013-10-21
发送短消息
回复于 2012-10-29 15:58
17楼
老大,我改完成这样了,http://www.580350.com/home2.aspx我问问你就告诉我直接改成什么样吧,我要疯了
 
 
longfor
积分:1270
注册时间:2012-02-08
最后登录:2013-10-21
发送短消息
回复于 2012-10-29 15:58
18楼
 <%=ZK.BindEasy("select top 2 * from info where enable=1 and classid=50 and thumbnail<>'' order by time desc", "<li class=\"isred{{isred}}\"><span>{{time}}</span>{{thumbnail}}<a title=\"{{#title}}\" href=\"/news/{{ID}}.htm\" target=\"_blank\">{{title}}</a></li>", "title", 30, "..", "time", "MM\\/dd")%></ul>
 
 
longfor
积分:1270
注册时间:2012-02-08
最后登录:2013-10-21
发送短消息
回复于 2012-10-29 16:01
19楼
<%=ZK.BindEasy("select top 2 * from info where enable=1 and classid=50 and thumbnail<>'' order by time desc", "<li class=\"isred{{isred}}\"><span>{{time}}</span>{{thumbnail}}<a title=\"{{#title}}\" href=\"/news/{{ID}}.htm\" target=\"_blank\">{{title}}</a></li>", "title", 30, "..", "time", "MM\\/dd")%></ul>
 
老大,我改完成这样了,http://www.580350.com/home2.aspx我问问你就告诉我直接改成什么样吧,我要疯了
 
 
Official服务
积分:16745
注册时间:2012-01-02
最后登录:2015-09-24
发送短消息
回复于 2012-10-29 16:03
20楼
<%=ZK.BindEasy("select top 2 * from info where enable=1 and classid=50 and thumbnail<>'' order by time desc", "<li class=\"isred{{isred}}\"><span>{{time}}</span>{{thumbnail}}<a title=\"{{#title}}\" href=\"/news/{{ID}}.htm\" target=\"_blank\">{{title}}</a></li>", "title", 30, "..", "time", "MM\\/dd")%></ul>
 
加粗红字是输出的样式。
 

输出样式它是需要你去编写的, 以及它是要配合css样式的, 这样才能达到美观的显示效果

 

这个无法提供更详细的帮助,没有html和css基础几乎很难去很好的做自定义页面模板的操作,

且您所提及的问题已超越我们的标准售后范围

 

我建议您先学习一些相关html和css教程,这个花不了三天时间的, 以及看我所说的解答 举一反三  灵活思考进行推敲学习 以促进您积累更多的经验

 

这个问题到此为止

 

 

 
 
回复帖子