其实这款风格不是潮流风网站的,这款风格真正的出处,或是说官方的网站,应该是:
http://www.cnvery.net/ 中国非常网
http://www.cvbbs.cn/ 看看这款风格,是不是很熟悉?
所以,纠正一个误解,这款风格名字叫“CVBBS风格”,而非“潮流风”风格。
好了,言归正传。。。。。。。。。。。。。。。。。。。。。
这次以原创网站为基础进行模仿为了就是要保证“原汁原味”,并且对原网站的不足之处进行了修正和美化,同时也使这款风格更适合于Discuz5.0!
名称: CVBBS!
适用版本: Discuz! 5.0.0 (随Discuz!升级而升级)
作者: 子扬
演示:http://www.china7918.com/bbs/discuz.php?styleid=63
下载http://www.discuz.net/
特点:设计思路来源于CVBBS官方网站,结合Discuz!模板系统自身的结构制作.
根据不同需要,选择本模板文件. 再升级或者维护很方便.
本模板的图片文件容量也非常的小,下载速度比较快.
1.安装包结构:
- doc 本模板的配色文件及logo源文件
- upload 模板文件以及图标文件
- readme.txt 说明文件(当前文件)
2. 全新安装方法:
将upload目录下的所有目录和文件上传到您的论坛服务器论坛目录下.
1).自动导入样式安装;
上传文件完毕后,登陆您的论坛并进入后台管理程序,选择:界面风格-> 界面风格->
然后打开,本模板安装包中的 /doc/discuz_style_CVBBSCHINA7918.txt 将其中的内容全选
并复制. 然后粘贴到 后台“界面风格”中的
“导入界面方案 - 请将导出的文件内容粘贴如下”文本区中,提交.
2).手动填写样式安装:
上传文件完毕后,登陆您的论坛并进入后台管理程序,选择:界面风格-> 模板编辑->
在 “新增:”中填写:
模板名称:cvbbs!
字符集:gbk
所在目录:./templates/cvbbs
版权信息:中国公路技术论坛-子扬
提交.
进入后台-> 界面风格-> 界面风格->
新增一个风格样式,名为:cvbbs ,提交. 然后点击[详情]. 进入该模板的样式设定.
对照/doc/admincp.htm填写各项. 然后提交即可.
安装完毕.
如果想使本风格做为默认模板,在后台执行:
Discuz!选项-> 界面与显示方式-> 设置 "默认论坛风格:" 为"cvbbs"
提交后即可.
3.关于Logo文件.
随本模板包提供一个psd格式的logo制作文件.
doc/logo.psd
您可以根据您的喜好设计您自己的logo图标.
大小可以随您的喜好定义. 不局限于文件默认的大小.
中国公路技术论坛 子扬
[ 本帖最后由 子扬 于 2006-9-5 10:50 编辑 ]

01.gif

02.gif

03.gif

04.gif


最新回复
2006年9月4日 风格制作完成
主要借鉴: http://www.cvbbs.cn/ 因此取名“CVBBS”风格
美化说明:(见1楼预览图或预览地址)
1. 缩小了原中国非常网顶部的黑色边框,感觉原来的有点宽,影响视觉效果。
2. 将菜单处改为渐变效果,整个页面显得更加自然。
3. 有、无新贴图标是我自己重新制作的,希望大家能满意,呵呵 。
4. 发帖按钮按照D5.0模版重新更新,使其适合下拉菜单。
5. 这个要注意: 帖子浏览页面,增加了“版权”“推荐”功能,如果不喜欢的,请不要上传upload\templates\cvbbs\viewthread.htm .即可
6. 重新对局部进行了配色调整。
请大家留意更新,因为我还要对底部和其他一些部分进行一些细化处理,将会陆续对这款风格进行更新升级,同时也希望更多的朋友能够提出更好的建议,使这款风格更加完善。
[ 本帖最后由 子扬 于 2006-9-10 15:41 编辑 ]
(2006-09-10 15:41:26, Size: 448 KB, Downloads: 1198)
不是吧
但我个人觉得,对比度强了点,颜色过渡不够,我在这样的风格论坛下眼睛会比较难受。所以忍痛啦——割!
[ 本帖最后由 fu20 于 2006-9-4 16:44 编辑 ]
能不能做这种回帖的,子扬老师.
QUOTE:
表那么客气大家喜欢就好啦
非常感谢ing
先选择“风格”,非常论坛的两款最好风格偶都用了,他们的设计水准真好!
这不?用PHP来运行ASP.NET的风格,觉得DISCUZ论坛的后台即时修改真方便,我的这个帖子http://www.discuz.net/viewthread.php?tid=390586
毕竟DISCUZ的团队力量大
有一点疑问,还请指教,请问图片红色部分的高度如何调整?
我想调细一些,不需要这么粗。
SpxImage6.jpg
QUOTE:
对了,那个回帖能不能做成这样子的,难做吗?QUOTE:
喜欢就用,不喜欢就不用,事情很简单
QUOTE:
打开css.htm文件查找
CODE:
.header {将里面的font: {FONTSIZE} {SMFONT} !important;
font-weight: {BOLD} !important;
font: {SMFONTSIZE} {SMFONT};
font-weight: {BOLD};
color: {HEADERTEXT};
{HEADERBGCODE};
height: 30px;
padding-left: 10px;
CODE:
height: 30px;中的30,改成你想要的宽度即可,最好将图片宽度相应减小点QUOTE:
给我个地址看看,图片看不出来效果QUOTE:
终于回来了。