Discuz!官方免费开源建站系统

 找回密码
 立即注册

QQ登录

只需一步,快速开始

搜索

[素材] 2011——62周年国庆背景图【免费下载】

[复制链接]
雷疯同志 发表于 2011-9-22 11:16:42 | 显示全部楼层 |阅读模式
本帖最后由 雷疯同志 于 2011-9-28 14:18 编辑

重要提醒:此方法中的JS与板块发帖相冲突,由于本人技术上只懂皮毛,所以无法解决这个BUG,希望高手帮忙解决并打包上传。有童鞋说了,那怎么办啊?

第一种方法:
没事的,我们可以按照虎林网童鞋的方法使用,添加以下代码到你的template/default/common/header.htm 文件中的【/head】之前即可!

  1. <STYLE type=text/css>
  2. BODY{
  3. background-image:url(/static/image/common/bg90.png);
  4. background-repeat:no-repeat; background-position: top center;
  5. padding-top:58px;}
  6. .main01{clear:both;width:980px;margin:10px auto 0px auto;overflow:hidden;}
  7. .main01 .left {float: left;width: 300px;}
  8. </STYLE>
复制代码
使用此方法的图片:


default为默认风格,如果你是其他风格,请找到你风格所在的位置!
---------------------------------------------之前使用的童鞋们,I'm sorry-------------------------------------

第二种方法:(已发现BUG,暂无解决方法,请勿使用)
国庆就快到了,站长们准备好了吗?!!


如果还没来得及找到素材,或者没太多时间自己去做,那么小弟不才,胡P了一张,若您喜欢尽管拿走,若不满意请勿乱喷,那是动物的行为!

另外下载超过100数,我将放出图片PSD源文件,供大家自行搭配修改!



样图:
演示地址:www.526an.com

                           学习雷锋,好榜样!                        
文件下载:


有童鞋会说:我是菜鸟,我是新手等等,想要问问怎么放到网站里?其实我也是菜菜,我昨天花了一天的时间,在DZ的搜索里找了很多以前类似的帖子,研究后找到了最简单最直接的办法,方法如下:

1、将“背景”压缩包解压,得到“背景”文件夹,然后将“背景”文件夹里的Images文件夹上传到你网站的根目录。

2、打开你站的后台,将下面的代码复制,粘贴到论坛后台--全局--SEO优化-其他-其他头部信息,然后提交即可。
  1. <!--国庆62周年背景开始-->

  2. <style type="text/css">
  3. /*国庆背景*/
  4. .wrapperBg{background:url(/images/plus/pagebg2.jpg) repeat-x left top #FFFFFF;}
  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. <!--国庆62周年背景结束-->
复制代码
注意:代码中有些参数可以自行调整,根据自己站的情况而定,灵活多变,相信您一定喜欢!


好了,你的站一定很有节日气氛啦!

觉得开心的,多多给我加分吧,不能加分的去我的站逛逛,大家可以相互分享其他素材,共同打造美好网站!
凌云-网维① 发表于 2011-9-22 12:17:37 | 显示全部楼层
沙发  学习了
回复

使用道具 举报

易爱社区 发表于 2011-9-22 12:31:19 | 显示全部楼层
好同志
回复

使用道具 举报

200711226 发表于 2011-9-22 13:38:13 | 显示全部楼层
真是好同志
回复

使用道具 举报

kenou 发表于 2011-9-22 13:48:28 | 显示全部楼层
我是来赚分的~~~~~`
回复

使用道具 举报

q27997 发表于 2011-9-22 13:56:26 | 显示全部楼层
提示: 作者被禁止或删除 内容自动屏蔽
回复

使用道具 举报

yerlv 发表于 2011-9-22 14:49:35 | 显示全部楼层
提示: 作者被禁止或删除 内容自动屏蔽
回复

使用道具 举报

nmxjw 发表于 2011-9-22 14:57:04 | 显示全部楼层
留下脚印,都是好东东。
回复

使用道具 举报

mimanga 发表于 2011-9-22 15:20:40 | 显示全部楼层
确实不错,眼前一亮的好文
回复

使用道具 举报

盐炒番茄鸡蛋 发表于 2011-9-22 16:49:54 | 显示全部楼层
貌似js关闭功能会和某一模块冲突 仁兄解决了么?
回复

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

手机版|小黑屋|Discuz! 官方站 ( 皖ICP备16010102号 )star

GMT+8, 2024-12-25 21:49 , Processed in 0.033530 second(s), 6 queries , Gzip On, Redis On.

Powered by Discuz! X3.4

Copyright © 2001-2023, Tencent Cloud.

快速回复 返回顶部 返回列表