2核1G3M服务器88一季度

腾讯云,阿里云百度云等 折扣价→点我←

如何快速打造符合自己站点的风格模板(背景替换)(半透明水母套系风格帮助) discuz 模板

公共账号 管理员组

以下教程仅适用于

半透明水母Dx3.0第四版(门户版) 最新版 含DX3.1第四版1120补丁包 DZ建站学习研究分享(已开源)
http://bbs.zhanzhangwo.com/thread-6905-1-1.html
(出处: 站长窝)


首先,让我们了解一下暗版和亮版。由于各个行业、各个网站的文化背景不同,所以涉及到的形象图片(背景图或色)也不尽相同。亮色有正义、凉爽、轻松、活泼等特性;暗色有个性、突出、迷幻、神秘、钢强等感觉。dreambred的这款水母风格就是在当站长选择暗版或亮版背景下,制作出来的一款模板,两款大风格(亮、暗两版),供站长们自由选择,以达到最佳的视觉效果!


今天我们以一款游戏风格来做演示,教大家如何修改风格。请打起精神来!
虚拟人物:站长小A
网站:游戏站点 
网站特性:集合网络一群喜欢玩游戏的朋友一起交流,所涉及的话题包含很多的游戏类型。

第一步:选择合适的背景图!
选择地点推荐:壁纸、类似网站背景图等。一般的图片要经过处理才可以成为漂亮的背景图。
站长小A找了半天时间,最终在游戏网站上找到了张比较合适的背景图,并命名为:allbg.jpg。如下:




大图下载:下载地址(点击数字即可下载)→:9458


小提示:背景图空的部份,站长可以写些自身网站的广告语进去。

第二步:选择与背景图匹配的色系版子(暗系与亮系的选择)!
虽然图片是大量的亮色,但是渐变到最下面,色调变暗了,所以,此背景图建议配的是暗系。在后台风格管理中,将暗系_水母风格设置为默认模板

第三步:上传背景图替换以前的allbg.jpg,并确定背景图边缘背景色
上传背景图至对应的色系(暗或亮系)的图片文件夹里面。即:
暗系上传并替换掉:dreambred_dir\dreambred_d_1\images_dark\allbg.jpg
亮系上传至:dreambred_dir\dreambred_d_1\images_light\allbg.jpg


同时确定背景图边缘背景色,我们在图形软件中可以通过"滴管"功能,找到此背景图的边缘色为:#244A7B(如果不清楚,请学习软件的使用。或找其它办法,条条道路通罗马,你也可以在dreambred论坛中发贴求助)。






第四步:在后台风格管理中,进行色调的调整。
此步操作,主要是为了让页面的色系与背景更搭调。由于我们选择的是暗系,所以,在后台风格管理中,点击暗系模板的”编辑“,修改背景色为我们之前找到的背景图的边缘色:#244A7B。







然后点击”确定“,去刷新首页看看...

背景图和背景色调是换上去了,但是还是感觉不太好。因为背景图被正文给挡住了。继续...

第五步:修改css代码,进入距离的微调整。
此步操作主要是让背景图展示的内容显示得更多,从而达到让网站更有文化特色的目的。
由于选择暗系,所以我们进入暗系的模板目录下面(即xxx666的\common\目录下面,xxx999的目录为亮系的模板目录),找到extend_common.css

在最后加入这段话:
.wp#hd-son{margin-top:257px;}

保存之,然后进入后台风格管理,更新css缓存。
257px这个数值为自己不断的调整,要想背景图显示的多些,就调整大,要想背景图显示得少,就调整小。


此时,我们看到的背景图就成为了我们网站特有的,而且与网站溶为一体的了。当然,背景图的处理美化度也直接影响到网站的效果的。所以,背景图一定要选择大图且精细度高的。最好能处理成渐变效果。

如果觉得字体色调与背景不搭配,站长们还可以在后台的风格管理中调整主要的色调。


至此,替换风格背景结束,如果有更好的建议或意见请跟贴,我们会不断的更新帮助说明,让站长们打造自己的风格。

站长窝论坛版权声明 1、本帖标题:如何快速打造符合自己站点的风格模板(背景替换)(半透明水母套系风格帮助)
2、论坛网址:站长窝论坛
3、站长窝论坛的资源部分来源于网络,如有侵权,请联系站长进行删除处理。
4、会员发帖仅代表会员个人观点,并不代表本站赞同其观点和对其真实性负责。
5、站长窝论坛一律禁止以任何方式发布或转载任何违法的相关信息,访客发现请向站长举报
6、本帖由公共账号在站长窝论坛《程序综合区》版块原创发布, 转载请注明出处!
评论
最新回复 (0)
返回
发新帖