更换视觉媒体div+CSS模板背景图的简单实现与效果帝国cms

帝国论坛 → 帝国网站管理系统交流区 → 模板/标签/插件共享交流 → 更换视觉媒体div+CSS模板背景图的简单实现与效果

【本版专题贴子】

1/4 1 2 3 4 ›› ›|

media848
用户头衔：进士

精华贴   ：2
发贴数   ：529
经验值   ：2040
注册时间：2007-05-31

信息

搜索

好友

发送悄悄话

【精益求精－帝国网站管理系统7.5正式版开源发布】 [第 1 楼]

更换视觉媒体div+CSS模板背景图的简单实现与效果

更换视觉媒体div+CSS模板背景图的简单实现与效果

您只需修改样式表中boby标签的红色部分，就可以实现更换自己的背景！！！！

不是学艺术的!! 颜色搭配还在学习中!!!!!!!!!!!

模板下载地址：http://bbs.phome.net/showthread-31-114189-0.html

参考网址：中国视觉媒体：http://www.media848.com

body {
background:#d1ccc8 url(../images/bgds.jpg) no-repeat center -10px;

对应背景图片和样式修改方法，下载第 7 楼的附件

上传以下图片：

[该贴被修改 5 次，最后修改时间 2009-10-15 18:59:53 ]

www.68tuku.com

2009-10-14 19:45:17

已设置保密

顶部

引用

报告

编辑

删除

media848
用户头衔：进士

精华贴   ：2
发贴数   ：529
经验值   ：2040
注册时间：2007-05-31

信息

搜索

好友

发送悄悄话

【免费开源－EBMA系统：更安全的MYSQL管理和备份系统】 [第 2 楼]

也就是更换　对应背景色和背景图片！！！

上传以下图片：

www.68tuku.com

2009-10-14 19:46:04

已设置保密

顶部

引用

报告

编辑

删除

media848
用户头衔：进士

精华贴   ：2
发贴数   ：529
经验值   ：2040
注册时间：2007-05-31

信息

搜索

好友

发送悄悄话

【精益求精－帝国网站管理系统7.5正式版开源发布】 [第 3 楼]

第三个！！

上传以下图片：

www.68tuku.com

2009-10-14 19:52:03

已设置保密

顶部

引用

报告

编辑

删除

media848
用户头衔：进士

精华贴   ：2
发贴数   ：529
经验值   ：2040
注册时间：2007-05-31

信息

搜索

好友

发送悄悄话

【免费开源－EBMA系统：更安全的MYSQL管理和备份系统】 [第 4 楼]

第四个！！！

上传以下图片：

www.68tuku.com

2009-10-14 19:58:10

已设置保密

顶部

引用

报告

编辑

删除

media848
用户头衔：进士

精华贴   ：2
发贴数   ：529
经验值   ：2040
注册时间：2007-05-31

信息

搜索

好友

发送悄悄话

【精益求精－帝国网站管理系统7.5正式版开源发布】 [第 5 楼]

第五个！！！

上传以下图片：

www.68tuku.com

2009-10-14 20:02:01

已设置保密

顶部

引用

报告

编辑

删除

media848
用户头衔：进士

精华贴   ：2
发贴数   ：529
经验值   ：2040
注册时间：2007-05-31

信息

搜索

好友

发送悄悄话

【免费开源－EBMA系统：更安全的MYSQL管理和备份系统】 [第 6 楼]

第六个！！！！

上传以下图片：

www.68tuku.com

2009-10-14 20:11:16

已设置保密

顶部

引用

报告

编辑

删除

media848
用户头衔：进士

精华贴   ：2
发贴数   ：529
经验值   ：2040
注册时间：2007-05-31

信息

搜索

好友

发送悄悄话

【精益求精－帝国网站管理系统7.5正式版开源发布】 [第 7 楼]

修改方法！！！！
修改样式表style.css的body样式，添加如下，根据需要去掉两端的注释，既可!!!!!!

/*background:#d1ccc8 url(../images/bgds.jpg)  no-repeat center -10px;*/
background:#ffd302 url(../images/bgds1.jpg)  no-repeat center -30px;
/*background:#b2c0cd url(../images/bgds2.jpg)  no-repeat center -10px;*/
/*background:#d7bc6b url(../images/bg.jpg)  no-repeat center -50px;*/
/*background:#f0b6cf url(../images/bg4.jpg)  no-repeat center -10px;*/
/*background:#b5a583 url(../images/bg5.jpg)  no-repeat center -10px;*/
/*background:#262103 url(../images/bg9.jpg)  no-repeat center -10px;*/
/*background:#e6d698 url(../images/bg12.jpg)  no-repeat center -10px;*/
/*background:#608564 url(../images/bg15.jpg)  no-repeat center -10px;*/

对应的背景图片下载！！！！！根据需要选择样式！！！！！

上传以下附件：
[下载 *.rar](文件大小：448.25 KB,下载次数：176)

www.68tuku.com

2009-10-14 20:13:49

已设置保密

顶部

引用

报告

编辑

删除