铁血丹心

 找回密码
 我要成为铁血侠客
搜索
查看: 4054|回复: 2

关于论坛当前CSS代码之谬误

[复制链接]
发表于 2013-6-4 18:05 | 显示全部楼层 |阅读模式
1. 简易版块分隔的那个贴图错误(其实这部分该叫啥?)



那个“》”的玩意错了,明显图片太大,查到在文件:http://www.txdx.net/data/cache/style_2_common.css?MuI 里面
第不知道多少行有一段代码:
  1. #pt .z em {
  2.     background: url("../../static/image/phoenix1-common//pt_item.png") no-repeat scroll 3px 10px transparent;
  3.     line-height: 200px;
  4.     overflow: hidden;
  5.     width: 20px;
  6. }
复制代码
应该改成:
  1. #pt .z em {
  2.     background: url("../../static/image/phoenix1-common//pt_item.png") no-repeat scroll 3px 0px transparent;
  3.     line-height: 29px;
  4.     overflow: hidden;
  5.     width: 20px;
  6. }
复制代码
当然了直接换了这个太大的图片更好

2. 当转为宽屏模式时,题头背景错误,像这样:


查到在文件:http://www.txdx.net/data/cache/style_2_widthauto.css?MuI 里面,也是不知道多少行,有一段代码:
  1. #nv {
  2.     background-position: 0 -33px;
  3.     background-repeat: repeat-x;
  4. }
复制代码
这里-33明显是错的,改成0就正常了,

代码如下:
  1. #nv {
  2.     background-position: 0 0;
  3.     background-repeat: repeat-x;
  4. }
复制代码

本帖子中包含更多资源

您需要 登录 才可以下载或查看,没有账号?我要成为铁血侠客

x
【武侠.中国】铁血丹心论坛(大武侠):致力于推广和发展武侠文化,让我们一起努力,做全球最大的武侠社区。
可能是目前为止最好的金庸群侠传MOD游戏交流论坛,各种经典武侠游戏等你来玩,各种开源制作工具等你来实现你的游戏开发之梦。
 楼主| 发表于 2013-6-4 21:07 | 显示全部楼层
继续

3. 首页,推荐主题, 最新主题,最新回复那部分,线对不齐,其实就是CSS错了,

首先推荐主题,旁边多了一段空位,这东西明显多了margin或者padding,
找到http://www.txdx.net/data/cache/style_2_common.css?MuI的一段:

  1. .block {
  2.     margin: 10px 10px 0;
  3. }

复制代码
直接注释掉,

  1. .block {
  2.     //margin: 10px 10px 0;
  3. }

复制代码
然后看旁边最新回复那几个tab,线不对,
尝试修改后面栏的背景贴图


我个人认为,这段代码不对的地方不是CSS写错,而是那个推荐主题, 最新主题,最新回复背景那个class根本就用错,应该用回跟推荐主题同样的class,我看到的这里是用了下面每个分版的title所用的class(不同背景贴图).
于是出现了那个线不对的情况
附图,现在用的背景贴图是用于以下这类栏的:


(不好意思,由于首页一直loading,所以无法读取该部分CSS代码,请修改者自行领悟)


本帖子中包含更多资源

您需要 登录 才可以下载或查看,没有账号?我要成为铁血侠客

x
【武侠.中国】铁血丹心论坛(大武侠):致力于推广和发展武侠文化,让我们一起努力,做全球最大的武侠社区。
可能是目前为止最好的金庸群侠传MOD游戏交流论坛,各种经典武侠游戏等你来玩,各种开源制作工具等你来实现你的游戏开发之梦。
 楼主| 发表于 2013-6-4 21:38 | 显示全部楼层
本帖最后由 winson7891 于 2013-6-4 21:40 编辑

4.搜索栏风格,相信这个不是瞎子都看到了:

就这玩意,没啥好说的,根本就是用default的风格,所以这个不是什么出错的问题,而是CSS没有包括到这部分,求改成铁血统一风格:


5. 按钮风格错误,那些什么发布回复,发布帖子,回帖之类的按钮:
   
按下去是这个鬼样子的,明显就错了吧:


经过查看CSS,这类按钮class叫“pn”

于是查看pn的相关代码,在:
http://www.txdx.net/data/cache/style_2_common.css?MuI
  1. .pnpost .pn {
  2.     height: 26px;
  3. }
  4. .pnc, a.pnc {
  5.     background-color: #0066CC;
  6.     background-position: 0 -48px;
  7.     border-color: #235994;
  8.     color: #FFFFFF !important;
  9. }

  10. .pn {
  11.     background: url("../../static/image/phoenix1-common//pn.png") repeat-x scroll 0 0 #E5E5E5;
  12.     border: 1px solid #999999;
  13.     box-shadow: 0 1px 0 #E5E5E5;
  14.     cursor: pointer;
  15.     height: 23px;
  16.     margin-right: 3px;
  17.     overflow: hidden;
  18.     padding: 0;
  19.     vertical-align: middle;
  20. }
复制代码
不过还是那句话,这是预设风格,求改成铁血统一风格

主要是改一下.pn里面的background还有.pnc, a.pnc的background-position两项

这个没有背景图没法说,但修改者应该心里有数了吧

本帖子中包含更多资源

您需要 登录 才可以下载或查看,没有账号?我要成为铁血侠客

x
【武侠.中国】铁血丹心论坛(大武侠):致力于推广和发展武侠文化,让我们一起努力,做全球最大的武侠社区。
可能是目前为止最好的金庸群侠传MOD游戏交流论坛,各种经典武侠游戏等你来玩,各种开源制作工具等你来实现你的游戏开发之梦。

本版积分规则

小黑屋|手机版|铁血丹心

GMT+8, 2024-5-8 14:16

Powered by Discuz! X3.4 Licensed

Copyright © 2001-2021, Tencent Cloud.

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