dz7.0发帖回复按钮及登陆按钮背景样式修改!(原创)

懒小爱  发布于2009/10/27 20:51   网站经验    标签: dz 代码 论坛 css 系统 模板 默认   
该文章事实上是把dz7.0的按钮改回dz6.1,没啥技术含量,献给和我一样为这个问题困扰的菜鸟站长~

首先来看一下dz7.0的按钮样式:
点击在新窗口中浏览此图片
(发表话题)

由于我的论坛以深色为背景颜色,浅色为文字颜色,导致这个按钮放着很不和谐,字也看不清楚。
在DZ官网找了一下午帖子,有很多朋友遇到和我一样的问题,都没有解决。
查了很多资料,还请教了朋友,居然有人提议我用IE8开发者工具去修改,郁闷,小题大作了吧。
把CSS文件都看遍了,也没找到修改的地方,根本无从下手。

没办法,只好去dz6.1模板里找找相应的代码,终于被偶找到突破口了!
找到后发现,哇,原来这么简单……发现自己走了不少弯路!!
其实dz7.0的这个按钮是系统默认的,根本就没有定制样式,当然也就找不到代码修改=。=

只要把dz6.1里那个样式代码复制到dz7.0的CSS文件里就可以了~真是太简单鸟~囧~

修改后的效果图:
点击在新窗口中浏览此图片
(颜色可自定义。截图是6.1的)

修改方法:

打开dz6.1的CSS模板,找到下面这句话
[quote][code]#postsubmit, button.submit { margin-right: 1em; border: 1px solid; border-color: #FFFDEE #FDB939 #FDB939 #FFFDEE; background: #FFF8C5; color: {NOTICETEXT}; padding: 0 10px; }[/code][/quote]

把它复制粘贴到dz7.0对应模板下css_append.htm文件中的任意位置即可。
基本都是些颜色代码。自己修改成能适应风格的颜色就可以了。

此方法应该也同适用于dz7.1。

============28日更新=============
昨天忘记修改了一个文件,导致快速回复处的按钮仍旧是原来的样式。

尝试了很多文件,都没体现出效果,在朋友的提示下,找到css_common文件,琢磨了一下,发现原来是要进行替换的,而不是添加。

下面补上修改方法:

打开css_common.htm文件,找到:
[quote][code]input, select, button { vertical-align:middle; }[/code][/quote]

替换大括号里的内容,比如:
[quote][code]input, select, button { margin-right: 1em; border: 1px solid; border-color: #FFFDEE #FDB939 #FDB939 #FFFDEE; background: #FFF8C5; color: {NOTICETEXT}; padding: 0 10px; }[/code][/quote]

这样就改好啦~
本文已有评论 2 条,检测到共有 1930 人飘过...↓快速评论↓

2楼
Black
在 2009-10-29 23:47 鸡冻的表示:
那个按钮不能圆润点吗?
  胖嘟嘟的可爱(。。)
1楼
幻想の花月
在 2009-10-27 23:12 鸡冻的表示:
挖類。。。。。挖類。。。。
親愛的真滴素太厲害鳥。。。
雖然我啥米都米看明白
发表回复: