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

 找回密码
 立即注册

QQ登录

只需一步,快速开始

搜索

[素材] 背景美化!鼠标滚动而背景不动的修改方法!超实用!站长必看!

[复制链接]
久久天堂 发表于 2013-1-31 09:57:18 | 显示全部楼层 |阅读模式
首先我来演示下鼠标滚动而背景不动的效果:
演示站点:www.wodzt.com

一、如果修改默认风格则:

打开 ./template/default/common/common.css
  1. .xbs { background: no-repeat 0 100%; }
  2.         .xbs .title { padding-left: 0; padding-right: 10px; background: 100% 0; }
  3.                 .xbs .titletext { float: left; padding-left: 10px; background: no-repeat 0 0; }
  4.         .xbs .dxb_bc { padding-bottom: 6px; background: transparent no-repeat 100% 100%; }
  5.         .xbs .module, .xbs .portal_block_summary { padding: 10px 10px 4px; border-style: solid; border-width: 0 1px; }
复制代码
.xbs .dxb_bc { padding-bottom: 6px; background: transparent no-repeat 100% 100%; }中no-repeat改为repeat-x fixed

二、如果修改其他风格则:

打开
./template/你的风格模板名/common/common.css
  1. .wp_bg{background:url({STYLEIMGDIR}/bg_t.jpg) no-repeat 50% 0;}
  2. .wp_bg #toptb{ background:#fff;filter:alpha(opacity=60);opacity:0.6; border-bottom:1px solid #fff}
复制代码
.wp_bg{background:url({STYLEIMGDIR}/bg_t.jpg) no-repeat 50% 0;} no-repeat改为repeat-x fixed

三、若修改配色则找到

./template/default/style/t1/style.css

no-repeat改为repeat-x fixed即可

希望可以帮到你,如有需要联系小站www.wodzt.com  有问必答
longatdream 发表于 2013-1-31 10:02:49 | 显示全部楼层
分享!
回复

使用道具 举报

魔涵larry 发表于 2013-1-31 10:17:02 | 显示全部楼层
纯支持!这些CSS站长必备的知识!
回复

使用道具 举报

zhzh8015 发表于 2013-1-31 14:24:41 | 显示全部楼层
看着很不错。。。。。。。。
回复

使用道具 举报

z110110 发表于 2013-4-8 02:17:56 | 显示全部楼层
不错。。非常喜欢楼主论坛的风格,太漂亮了。
是自己做的吗?我想要啊
回复

使用道具 举报

yao_512 发表于 2013-5-27 05:39:12 | 显示全部楼层
提示: 作者被禁止或删除 内容自动屏蔽
回复

使用道具 举报

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

本版积分规则

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

GMT+8, 2024-10-5 17:23 , Processed in 0.233208 second(s), 17 queries , Gzip On.

Powered by Discuz! X3.4

Copyright © 2001-2023, Tencent Cloud.

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