论坛风格切换切换到宽版
  • 52846阅读
  • 161回复

[推荐]PHPwind Forums 5.3 官方风格CSS说明(风格教程) [复制链接]

上一主题 下一主题
离线掠图大盗
 

发帖
5263
金钱
22
威望
351
只看楼主 倒序阅读 使用道具 楼主  发表于: 2007-02-08
— 本帖被 可乐小生 执行取消置顶操作(2007-07-28) —
为了使更多的用户能自主编辑phpwind模版风格!5.3采用css+div构建!学习简单!容易上手!
二楼附送一个css样式表中文手册.希望对大家有所帮助!



PHPwind Forums 5.3 的独特模板设计,使你简单设置几个变量即可以更换整个模板的主体风格!

一、PHPwind Forums 5.3 的独特模板设计,几个好处:
1、大框架采用div+css构架,提高网页浏览速度;
2、Table后加上,提高表格的加载速度;
3、标题用H2,TH等标签,提高搜索引擎的收录;
4、 色调变量更趋完善,在后台修改配色即可产生新风格。

二、风格制作流程:
1、风格主要有三个目录,image/wind 图片包,template/wind 代码包,data/style/wind.php 变量配置
将这二个文件包及一个PHP变量配置文件复制一份,然后将名字修改成自己所要的风格名称,同时在配置文件里将$stylepath = 'wind';(风格路径) $tplpath = 'wind'; (图片路径)改成您的风格路径。
注:代码包只需放改过的页面即可,未修改过的将调用wind里的页面。
2、修改代码和相应的图片即可。
三、PWF 5.3模板分区命名图:

样式在Template/wind/header.htm


图一



图二



.toptool   顶端自定义导航样式
.guide    导航栏样式
.t      为表格外边框样式,表格外边框颜色在此设置
.h      为表格正标题栏样式,设置背景颜色,边框样式,字体样式
.tr2     为副标题栏样式,即原.cbg样式,可使用背景图片等css样式
.f9--.f14   为字体大小控制,不建议修改
.s1--.s5   细节字体颜色
.gray    次要文字颜色
h2     首页板块列表(index.php)板块名称样式
h3     主题列表页文章标题名称样式
h4    为帖子标题的字体大小
.tpc_content 帖子内容样式
blockquote  引用内容样式
.pages  翻页模块样式,建议只修改颜色
.menu td与.menu li 下拉菜单内容背景色
.f_one,.f_two, 板块列表(首页)表格背景
.t_one,.t_two, 主题列表(thread.php)表格背景
.r_one,.r_two, 帖子页面(read.php)表格背景
.btn  按钮样式
.input,textarea 输入框样式
















[ 此贴被掠图大盗在2007-02-27 22:57重新编辑 ]
2条评分
瀚海 威望 +2 - 2007-02-08
瀚海 威望 +2 - 2007-02-08
乘风西去
离线掠图大盗

发帖
5263
金钱
22
威望
351
只看该作者 沙发  发表于: 2007-02-08
还有什么不懂 可以跟帖
[ 此贴被K在2007-02-08 14:28重新编辑 ]
附件: css样式表中文手册.rar (536 K) 下载次数:2014
2条评分
lxy12300ab 威望 +2 - 2007-02-08
lxy12300ab 威望 +2 - 2007-02-08
乘风西去
离线瀚海

发帖
1323
金钱
334
威望
152
只看该作者 板凳  发表于: 2007-02-08
先占个位 `算是沙发么 `哈哈 `
离线瀚海

发帖
1323
金钱
334
威望
152
只看该作者 3楼 发表于: 2007-02-08
在来个广告位~
离线吕秀才。
发帖
18664
金钱
316
威望
823
只看该作者 4楼 发表于: 2007-02-08
。。。。。
离线♂∞♂
发帖
8494
金钱
1393
威望
735
只看该作者 5楼 发表于: 2007-02-08
离线272763386
发帖
80
金钱
174
威望
15
只看该作者 6楼 发表于: 2007-02-08
顶了,好帖!
离线nickryan
发帖
91
金钱
181
威望
0
只看该作者 7楼 发表于: 2007-02-08
不知道如去掉那些竖的表格线!
离线青涩回味

发帖
795
金钱
314
威望
89
只看该作者 8楼 发表于: 2007-02-08
R 没位了
离线nelly_boll

发帖
1032
金钱
197
威望
265
只看该作者 9楼 发表于: 2007-02-08
提问,这个圈圈选的是在哪里定义的。
离线掠图大盗

发帖
5263
金钱
22
威望
351
只看该作者 10楼 发表于: 2007-02-08
引用第7楼nickryan2007-02-08 15:30发表的 :
不知道如去掉那些竖的表格线!

.t      为表格外边框样式,表格外边框颜色在此设置
乘风西去
离线掠图大盗

发帖
5263
金钱
22
威望
351
只看该作者 11楼 发表于: 2007-02-08
引用第9楼nelly_boll2007-02-08 15:46发表的 :
[表情]提问,这个圈圈选的是在哪里定义的。

.btn   按钮样式
乘风西去
离线kee
发帖
4
金钱
175
威望
0
只看该作者 12楼 发表于: 2007-02-08
有机会也试试做个风格
离线雨中叶落
发帖
526
金钱
418
威望
28
只看该作者 13楼 发表于: 2007-02-08
占个位置要学习
明年俺也学做风格
离线﹎sκyˊ☆

发帖
17201
金钱
187
威望
804
只看该作者 14楼 发表于: 2007-02-08
快速回复
限80 字节
温馨提示:欢迎交流讨论,请勿纯表情、纯引用!
 
上一个 下一个