账号通
    

账号  

密码  

6487

查看

13

回复
主题:[分享]仿TOM网站首页建党90周年背景 [收藏主题] 转到:  
悠客 当前离线

213

主题

15

广播

7

粉丝
添加关注
级别:二年级

用户积分:996 分
登录次数:401 次
注册时间:2010/11/8
最后登录:2019/10/28
悠客 发表于:2011/6/23 14:05:33   | 只看该作者 查看该作者主题 楼主 

请先看下http://tom.com/首页的效果,您再决定是否需要此功能。





实现方法很简单,步骤如下:





一、进入后台,标签-自定义标签-头部通用,修改该自定义标签,在文本框顶部输入



  1. <!--建党90周年背景开始-->

  2. <style type="text/css">
  3. /*建党背景*/
  4. .wrapperBg{background:url(/images/plus/pagebg2.jpg) repeat-x left top #da0605;}
  5. .jd-wrapper{position:relative;height:323px;background:url(/images/plus/jd_topbg.jpg) no-repeat center top;z-index:0;}
  6. .jd-wrap .wrapper-btn-colse{position:absolute;right:-19px;top:0;width:19px;height:48px;background:url(/images/plus/close_jd.gif) no-repeat left top;text-indent:-9999px;overflow:hidden;cursor:pointer;}
  7. .jd-wrap{width:970px;margin:0 auto;position:relative;z-index:5;margin-top:-264px;background:#fff;}
  8. .nowrapper{display:none;}
  9. </style>
  10. </head>
  11. <body id="warpperBg" class="wrapperBg">
  12. <!-- 建党背景 -->
  13. <div class="jd-wrapper">
  14. </div>
  15. <div class="jd-wrap">
  16. <span class="wrapper-btn-colse" id="wrapper_btn_colse">关闭</span>
  17. <script src="/images/plus/page.js" language="javascript" type="text/javascript"></script>

  18. <script type="text/javascript">

  19. //<![CDATA[
  20. //widget theme
  21. var bodyID = $("#warpperBg");
  22. var wrapBtn = $("#wrapper_btn_colse");
  23. var ntes_wrapper = $(".jd-wrapper")[0];
  24. var ntes_wrap = $(".jd-wrap")[0];
  25. bodyID.addCss("wrapperBg");
  26. wrapBtn.addEvent("click",function() {
  27. bodyID.removeCss("wrapperBg");
  28. ntes_wrap.style.marginTop = "0";
  29. ntes_wrapper.style.display = "none";
  30. wrapBtn.style.display = "none";
  31. });
  32. //]]>
  33. </script>
  34. <!--建党90周年背景结束-->



保存标签





二、下载相关图片和JS文件到Images/Plus目录下



 下载信息  [文件大小:90.86 KB 下载次数: 次]
点击下载文件:Images.rar



后台更新下缓存即可。



 
  支持(0) | 反对(0) 回到顶部顶端 回到底部底部
eyan 当前离线

301

主题

7

广播

3

粉丝
添加关注
级别:二年级

用户积分:966 分
登录次数:225 次
注册时间:2011/5/1
最后登录:2023/6/26
eyan 发表于:2011/6/23 14:23:27   | 只看该作者 查看该作者主题 沙发 
 
  支持(0) | 反对(0) 回到顶部顶端 回到底部底部
41633828 当前离线

77

主题

0

广播

0

粉丝
添加关注
级别:学前班

用户积分:87 分
登录次数:10 次
注册时间:2010/12/3
最后登录:2012/6/28
41633828 发表于:2011/6/23 14:26:43   | 只看该作者 查看该作者主题 藤椅 
 
  支持(0) | 反对(0) 回到顶部顶端 回到底部底部
govision 当前离线

114

主题

0

广播

0

粉丝
添加关注
级别:一年级

用户积分:456 分
登录次数:148 次
注册时间:2010/1/4
最后登录:2016/7/4
govision 发表于:2011/6/23 15:24:33   | 只看该作者 查看该作者主题 板凳 
 
<a href=http://www.gv4a.com>超声波清洗机</a>www.gv4a.com
  支持(0) | 反对(0) 回到顶部顶端 回到底部底部
cnszz 当前离线

294

主题

2

广播

0

粉丝
添加关注
级别:二年级

用户积分:516 分
登录次数:153 次
注册时间:2011/2/20
最后登录:2022/5/6
cnszz 发表于:2011/6/23 23:48:32   | 只看该作者 查看该作者主题 报纸 
 
  支持(0) | 反对(0) 回到顶部顶端 回到底部底部
huyuan1984 当前离线

101

主题

0

广播

0

粉丝
添加关注
级别:一年级

用户积分:116 分
登录次数:70 次
注册时间:2011/3/8
最后登录:2013/1/25
huyuan1984 发表于:2011/6/24 1:48:44   | 只看该作者 查看该作者主题 地板 
 
  支持(0) | 反对(0) 回到顶部顶端 回到底部底部
91cheku 当前离线

98

主题

0

广播

0

粉丝
添加关注
级别:学前班

用户积分:107 分
登录次数:54 次
注册时间:2011/4/13
最后登录:2012/2/26
91cheku 发表于:2011/6/24 10:18:19   | 只看该作者 查看该作者主题 7楼 
科汛智能建站系统

相当不错呀。我去试试

 
  支持(0) | 反对(0) 回到顶部顶端 回到底部底部
hejian 当前离线

1201

主题

4

广播

4

粉丝
添加关注
级别:九年级

用户积分:3522 分
登录次数:563 次
注册时间:2006/12/26
最后登录:2024/1/21
hejian 发表于:2011/6/24 14:50:47   | 只看该作者 查看该作者主题 8楼 
 
  支持(0) | 反对(0) 回到顶部顶端 回到底部底部
kejia 当前离线

39

主题

0

广播

0

粉丝
添加关注
级别:学前班

用户积分:822 分
登录次数:36 次
注册时间:2008/9/23
最后登录:2015/10/26
kejia 发表于:2011/7/11 13:11:16   | 只看该作者 查看该作者主题 9楼 
做在线知识付费 选科汛云开店

楼主,有用了网页不居中了。怎么解决?


 
  支持(0) | 反对(0) 回到顶部顶端 回到底部底部
kejia 当前离线

39

主题

0

广播

0

粉丝
添加关注
级别:学前班

用户积分:822 分
登录次数:36 次
注册时间:2008/9/23
最后登录:2015/10/26
kejia 发表于:2011/7/11 13:46:42   | 只看该作者 查看该作者主题 10楼 
科汛智能建站系统

搞定了,谢谢楼主!!!

 
  支持(0) | 反对(0) 回到顶部顶端 回到底部底部
<上一主题 | 下一主题 >
Powered By KesionCMS Version X1
厦门科汛软件有限公司 © 2006-2016 页面执行0.21875秒 powered by KesionCMS 9.0