35风格/3G 风格..CSS修改..解决错位问题！(8月16号)

首先,我也是再用35风格的...用了快1星期...终于解决了很多问题...尤其是CSS带来的错位问题...这里和大家分享一下...希望可以帮助大家一起节约时间.毕竟时间就是金钱嘛～！本人也是花了好多好多时间在解决的,总之希望这帖子对大家有所帮助！

首先我们需要知道我们页面是调用那个CSS文件的..这非常简单..打开PHP文件，搜索“CSS”，一般就都会知道CSS的名字了...在35风格一般HEADER和INDEX的CSS不是同一个（废话了）,一般比如NEWS_INDEX.HTM.PHP XXX_INDEX.HTM.PHP都搜索不到“CSS”,因为他和站点主页INDEX.HTM.PHP用的是同一个! 这里35风格的CSS的名字是default.css放在img_35下面...(官方风格CSS名字是STYLE.CSS).

OK！现在我们知道要修改的CSS文件是default.css..了.
首先先来解决登入框靠左的问题:下面2张图有比较：

大家可以明显发现不对称,那么请这样修改:
1,打开CSS文件,搜索

1. .hotMember .txt LI {

复制代码

把下面一行修改为：

1. PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FLOAT: left; BORDER-BOTTOM-WIDTH: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; WIDTH: 96px; PADDING-TOP: 0px; HEIGHT: 100px! important; TEXT-ALIGN: center

复制代码

只修改数据...
2,搜索

1. .hotMember .productInfo {

复制代码

把下面一行修改成：

1. PADDING-LEFT: 58px! important; HEIGHT: 52px

复制代码

3.搜索

1. .memberMenu {

复制代码

把下面一行修改为：

1. Z-INDEX: 2; LEFT: 8px! important; POSITION: absolute; TOP: 0px; HEIGHT: 32px

复制代码

4.搜索

1. .memberMenu1 {

复制代码

把下面一行修改为：

1. Z-INDEX: 2; LEFT: 8px! important; POSITION: absolute; TOP: 120px; HEIGHT: 32px

复制代码

5.搜索:

1. .member .info {

复制代码

把下面一行修改为：

1. BORDER-RIGHT: #a2c182 1px solid; PADDING-RIGHT: 0.8em; BORDER-TOP: #a2c182 1px solid; PADDING-LEFT: 0.8em; Z-INDEX: 1; BACKGROUND: #fff; LEFT: 8px! important; MARGIN-BOTTOM: 5px; PADDING-BOTTOM: 0px; BORDER-LEFT: #a2c182 1px solid; PADDING-TOP: 0.8em; BORDER-BOTTOM: #a2c182 1px solid; POSITION: absolute; TOP: 32px

复制代码

6.搜索:

1. .member .info1 {

复制代码

把下面一行修改为：

1. BORDER-RIGHT: #a2c182 1px solid; PADDING-RIGHT: 0.8em; BORDER-TOP: #a2c182 1px solid; PADDING-LEFT: 0.8em; Z-INDEX: 1; BACKGROUND: #fff; LEFT: 8px! important; MARGIN-BOTTOM: 5px; PADDING-BOTTOM: 0px; BORDER-LEFT: #a2c182 1px solid; PADDING-TOP: 0.8em; BORDER-BOTTOM: #a2c182 1px solid; POSITION: absolute; TOP: 152px

复制代码

这样 这个问题就解决了

下面开始解决第2个问题


本人这里先做个声明, 我用第3城市的截图只是作个比较,并没有其他意思,这个网站还是很不错的,也没有说他导航栏的结构不好...如果大家想修改成我这样，就是分得比较开的请往下看：
1.搜索

1. .menu {

复制代码

把下面1行修改成：

1. .menu {
   
2.   PADDING-BOTTOM: 10px; MARGIN: 0px auto; WIDTH: 950px; POSITION: relative
   
3. }

复制代码

2.搜索

1. .menu LI {

复制代码

下面一行修改成：

1. FONT-WEIGHT: bold; FONT-SIZE: 14px; FLOAT: left; WIDTH: 110px; PADDING-TOP: 4px; TEXT-ALIGN: right
   
2. }

复制代码

--------------------------------------
好了这样就可以了....


其实还有很多小地方都作了修改.....我先暂时分享下我的截图演示...希望大家多多交流共同进步。

截图





本人网址:http://www.inbrisbane.net/BBS:http://www.inbrisbane.net/forum
(由于是在国外,国内用户上不了,只有国外用户可以访问,或者国内用户用代理服务器)

另外提供一份我自己的CSS给大家分享....由于大家网页环境不同...仅供参考....希望大家一起进步，谢谢

写了半天了......通宵了1晚上...现在去睡觉了～～～

不错，支持兄弟

不错，支持兄弟

这东西又有人更新了呀！~

楼主是强人中的强人啊

楼主,提下建议,不知道能不能修改呀

1.火狐下所有列表页都变形了啊
2.首页最下面广告条出现变形
3.其他页面的登陆窗口没有修改

原帖由 yrh 于 2007-8-16 11:19 发表
楼主,提下建议,不知道能不能修改呀

1.火狐下所有列表页都变形了啊
2.首页最下面广告条出现变形
3.其他页面的登陆窗口没有修改

谢谢这位仁兄的意见....为此我专门装了一个火狐去看看....结果发现和你说的一样....IE7下是正常的,但在火狐却是变形的(不过大家放心..首页还是正常的.我们上面修改的都是首页的格式)..以前很少用火狐所以没有注意这个...我晚点试着去解决这个问题....毕竟我朋友也有很多使用火狐....(因为目前只修改了首页....其他页面还没有开始修改..别人广告还都留着..)

谢谢你的意见·～！！

好 期待中~~
支持~~~~`  希望弄点变态的35出来
别都是一模一样的