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

 找回密码
 立即注册

QQ登录

只需一步,快速开始

搜索

[发布] 【欢度元旦】■■■三套原创元旦背景,给你的论坛披上喜庆背景(包含PSD)■■

  [复制链接]
『葬月』 发表于 2010-12-24 16:21:51 | 显示全部楼层 |阅读模式
Discuz!模板
适用版本: Discuz! X1.5
语言编码: GBK简体 UTF8简体 BIG5繁体 UTF8繁体 
风格转换者: 原创
本帖最后由 『葬月』 于 2010-12-31 19:51 编辑

昨天临时做了DX的圣诞背景(https://discuz.dismall.com/thread-2011848-1-1.html),有网友要元旦背景,所以就抽出时间做了三套11年的元旦背景分享给大家!

===================================================

预览效果:http://www.xxluntan.com
演示地址放的是效果1

===================================================

说明:
1、一共做了3套,您可以根据自己的喜好选择使用!
2、宽屏分辨率效果最佳(如:1440*900,现在宽屏浏览器应该都普及了吧),但普通1024*768分辨率也挺不错!
3、
3套背景均不适应DX的“宽版”风格
4、为了方便不会photoshop的站长朋友,特准备了JPG和PSD两个压缩包,不会photoshop的站长只要下载JPG压缩包,然后利用简单的作图工具(如window自带的画图工具),添加一下自己的文字就可以了,当然,还是推荐使用photoshop编辑源文件。
5、下附详细使用说明(压缩包中含详细使用说明,压缩包里的使用说明写错了一个图片名,不修改了,看的时候注意一下就行了!)


更新说明:

1、使用后,个人空间会有些显示的小问题,时间关系,我就不修改了,其实也很简单,只要修改对应的CSS就可以了
2、修改的原理非常简单,就是改变body标签的CSS样式,不管使用什么风格,你只要找到你所使用风格的CSS样式文件,修改其中的BODY标签即可
3、门户首页同样可以用,7.2使用的话需要修改很多,但原理还是上边第二条
4、风格我提供,但我没有义务帮您安装,您Q我,我有时间的情况下一定会帮您解决,没时间的话,那也没办法,还请谅解!

===================================================

进入正题,看效果!

效果1:


效果2:


效果3:


===================================================

使用方法:(2楼更新非默认风格下使用方法)

第一步:
将您选择的风格图片上传到“/static/image/common ”目录下(即DX默认风格下的图片目录,如果您在后台使用了扩展图片目录,请上传至您的扩展图片目录中)

第二步:
找到/template/default/common/common.css中的

  1. body { {BGCODE}; }
复制代码

修改为:
  1. /* body { {BGCODE}; } */
  2. body { background-image: url({IMGDIR}/yd.jpg); background-position:top center; padding-top:80px;background-repeat:no-repeat; }
复制代码

第三步:
更新缓存,OK!

卸载方法:将第二步反过来做一次后更新缓存就OK了!

===================================================

修改解释:

1、将body的默认CSS样式给注释掉,替换成我们要用的圣诞背景的body样式(不要删除,元旦过后还要恢复过来呢!),即“/* body { {BGCODE}; } */”,其中“/* */”为CSS注释字符。
2、“background-image: url({IMGDIR}/yd.jpg); ”中的“yd.jpg”,即为您上传到/static/image/common 目录的元旦背景图片名称(例如你把图片改名为1.jpg上传,那这里应该是“1.jpg”)
3、“padding-top:80px;”为论坛主题内容距浏览器上边界的高度,这几个元旦风格设置80px应该是比较合适,如果你的不合适,可以适当的调整“80”这个数值,以达到最好的效果!

提醒:以上修改方法针对DX默认风格,其他风格大同小异!

==============================================
感谢183楼的liangzile朋友提供的另一种安装方法:


其实添加方法,不用那么麻烦。

以下是我的方法:
找到template/default/common/header.htm 文件。打开修改。

查找:</head>
在下面加上:
<STYLE type=text/css>
BODY{
background-image:url(/js/sd.jpg);
background-repeat:no-repeat; background-position: top center;
padding-top:80px;}
.main01{clear:both;width:980px;margin:10px auto 0px auto;overflow:hidden;}
.main01 .left {float: left;width: 300px;}
</STYLE>

其中:/js/sd.jpg 请修改成自己图片的路径就可以了。

希望帮到大家。


演示一下自己的站:http://www.zhilok.com 欢迎大家多多光临,也提早预祝大家元旦快乐。




===================================================

下载说明:
1、两个压缩包,分别是元旦背景JPG压缩包和元旦背景PSD压缩包,其中PSD压缩包因为太大,所以分卷压缩,一共分了8个卷,请全部下载,否则不能解压。
2、附件已经免费!
===================================================

184楼,弄不好虚心问一下,我辛苦做出来的东西是用来分享的,不是用来害人的!喜欢你就用,不喜欢不用,我刀架你脖子上逼你用了?不想对你说难听话……

前两天Q我的基本上都帮解决了,今天Q我问使用的问题,大多都没回,还请谅解,明天论坛要聚会,我要准备很多东西,实在是分不开身!待会儿忙完会尽量逐一回复一下!


===================================================

评分

7

查看全部评分

 楼主| 『葬月』 发表于 2010-12-24 16:22:15 | 显示全部楼层
本帖最后由 『葬月』 于 2010-12-25 09:53 编辑

PSD压缩包肯定没有问题,一共8个卷,记得要全部下载,否则解压错误!

========================================================

要是实在弄不好的话,Q我一下,我帮你弄!(我在线有时间的前提下,详细资料里有我QQ)

========================================================

非DX默认风格使用方法:

修改方法都大同小异,具体如下:

第一步:

登录后台——界面——风格管理——点你现在使用风格下的“编辑”按钮进入“编辑界面方案”——查看“扩展图片目录”项,以刚才帮一个朋友修改的为例,他用的不知道什么风格,DX以后一直用默认风格,所以对现在的风格也不熟悉,这个风格的扩展图片目录是\images\orange\,那么就将你选定的元旦背景图片上传到这个目录下,并记住图片的名字,比如叫yuandan.jpg。


第二步:

后台——界面——模板管理——看你现在使用的风格后的“目录”项里的目录链接,比如是“template/qunchongorange”,那么就找到template/qunchongorange/common/目录,看这个目录有没有类似这样名字的“style_3_common.css”,要是没有,就看header.htm,查找“.css ”,基本很快能确定这个风格使用的CSS存放的位置,比如这个朋友用的风格CSS就在图片目录下,也就是\images\orange\,仍以这个朋友的为例,打开CSS文件,找到“body”标签的CSS定义,通常会在文件比较靠前的文职,比如是:

  1. body{background:#FFF url("RCKAtiMikwj91tIsnm.png") repeat-x 0 0;}
复制代码

修改为:
  1. /*
  2. body{background:#FFF url("RCKAtiMikwj91tIsnm.png") repeat-x 0 0;}
  3. */
  4. body { background-image: url("yuandan.jpg"); background-position:top center; padding-top:80px;background-repeat:no-repeat; }
复制代码

其中“background-image: url("yuandan.jpg"); ”,yuandan.jpg即是元旦背景图片的链接,因为这个图片和CSS文件在同一目录,所以直接写了图片的名称,其实,即使你把这个图片传到你的网站根目录也可以,那第一步就不用了,直接第二步,只要把这个“yuandan.jpg”修改为“http://你的地址/yuandan.jpg”,即可

第三步:

更新缓存!OK!

其他风格基本都是这样的!

========================================================

应要求,发布使用的两款字体(效果1、效果2用的方正黄草简体+效果3用的方正少儿简体)
另,效果2除了黄草外,还有个字体,应该会提示你更新,点“否”就行了,因为你不需要修改
压缩包太大,所以分卷压缩,一共4个卷,请全部下载!


评分

1

查看全部评分

回复

使用道具 举报

cbdx81229 发表于 2010-12-24 16:23:23 | 显示全部楼层
回复

使用道具 举报

[VIP]哥、狠绅士 发表于 2010-12-24 16:24:16 | 显示全部楼层
不错   很好
回复

使用道具 举报

無盡空虛 发表于 2010-12-24 16:29:56 | 显示全部楼层
admh@qq.com
谢谢了!!
回复

使用道具 举报

aimixiao 发表于 2010-12-24 17:05:55 | 显示全部楼层
回复

使用道具 举报

jalin 发表于 2010-12-24 17:09:31 | 显示全部楼层
回复

使用道具 举报

 楼主| 『葬月』 发表于 2010-12-24 17:09:40 | 显示全部楼层
本帖最后由 『葬月』 于 2010-12-24 17:10 编辑

上边的都发了!
回复

使用道具 举报

sthy 发表于 2010-12-24 17:23:15 | 显示全部楼层
回复

使用道具 举报

漠、然 发表于 2010-12-24 17:23:46 | 显示全部楼层
回复

使用道具 举报

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

本版积分规则

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

GMT+8, 2024-11-13 06:31 , Processed in 0.053073 second(s), 20 queries , Gzip On.

Powered by Discuz! X3.4

Copyright © 2001-2023, Tencent Cloud.

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