统计排行 社区服务 搜索 帮助
  • 50658阅读
  • 161回复
掠图大盗 离线

级别: 荣誉会员


  • UID732984
  • 精华 0
  • 发帖5245
  • 金钱51 两
  • 威望408 点
  • PW积分10 点
  • 技术分0 分
  • 团队工龄9 月
  • 群组因为我们是NB青年!!
  • 在线时间1010(时)
  • 注册时间2006-05-18
  • 最后登录2010-08-27
倒序阅读, 只看楼主, 楼主   发表于: 2007-02-08
更多操作

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

本帖被 可乐小生 执行取消置顶操作(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 2007-02-08 -
瀚海 威望 +2 2007-02-08 -
隐藏评分记录清空我的评分动态 2 条评分
掠图大盗 离线

级别: 荣誉会员


  • UID732984
  • 精华 0
  • 发帖5245
  • 金钱51 两
  • 威望408 点
  • PW积分10 点
  • 技术分0 分
  • 团队工龄9 月
  • 群组因为我们是NB青年!!
  • 在线时间1010(时)
  • 注册时间2006-05-18
  • 最后登录2010-08-27
只看该作者, 沙发   发表于: 2007-02-08
还有什么不懂 可以跟帖
[ 此贴被K在2007-02-08 14:28重新编辑 ]
附件: css样式表中文手册.rar (536 K) 下载次数:1991
本帖最近评分记录:
lxy12300ab 威望 +2 2007-02-08 -
lxy12300ab 威望 +2 2007-02-08 -
隐藏评分记录清空我的评分动态 2 条评分
瀚海 离线

级别: 四星会员

  • UID811570
  • 精华 0
  • 发帖1275
  • 金钱275 两
  • 威望144 点
  • PW积分15 点
  • 技术分0 分
  • 团队工龄0 月
  • 群组因为我们是NB青年!!
  • 在线时间619(时)
  • 注册时间2006-07-10
  • 最后登录2010-08-26
只看该作者, 板凳   发表于: 2007-02-08
先占个位 `算是沙发么 `哈哈 `
瀚海 离线

级别: 四星会员

  • UID811570
  • 精华 0
  • 发帖1275
  • 金钱275 两
  • 威望144 点
  • PW积分15 点
  • 技术分0 分
  • 团队工龄0 月
  • 群组因为我们是NB青年!!
  • 在线时间619(时)
  • 注册时间2006-07-10
  • 最后登录2010-08-26
只看该作者, 3楼  发表于: 2007-02-08
在来个广告位~
吕秀才。 离线

级别: 六星会员

  • UID810289
  • 精华 0
  • 发帖18658
  • 金钱353 两
  • 威望823 点
  • PW积分3 点
  • 技术分0 分
  • 团队工龄0 月
  • 在线时间1425(时)
  • 注册时间2006-07-09
  • 最后登录2010-06-27
只看该作者, 4楼  发表于: 2007-02-08
。。。。。
♂∞♂ 离线

级别: 五星会员

  • UID785768
  • 精华 0
  • 发帖8449
  • 金钱1327 两
  • 威望735 点
  • PW积分35 点
  • 技术分0 分
  • 团队工龄0 月
  • 在线时间1101(时)
  • 注册时间2006-06-25
  • 最后登录2010-08-16
只看该作者, 5楼  发表于: 2007-02-08
272763386 离线

级别: 新手上路

  • UID1033933
  • 精华 0
  • 发帖77
  • 金钱177 两
  • 威望15 点
  • PW积分0 点
  • 技术分0 分
  • 团队工龄0 月
  • 在线时间62(时)
  • 注册时间2007-01-17
  • 最后登录2010-08-23
只看该作者, 6楼  发表于: 2007-02-08
顶了,好帖!
nickryan 离线

级别: 一星会员

  • UID596754
  • 精华 0
  • 发帖91
  • 金钱181 两
  • 威望0 点
  • PW积分0 点
  • 技术分0 分
  • 团队工龄0 月
  • 在线时间125(时)
  • 注册时间2006-01-19
  • 最后登录2007-12-08
只看该作者, 7楼  发表于: 2007-02-08
不知道如去掉那些竖的表格线!
青涩回味 离线

级别: 三星会员

  • UID895541
  • 精华 0
  • 发帖779
  • 金钱290 两
  • 威望89 点
  • PW积分160 点
  • 技术分0 分
  • 团队工龄0 月
  • 在线时间404(时)
  • 注册时间2006-09-05
  • 最后登录2010-07-18
只看该作者, 8楼  发表于: 2007-02-08
R 没位了
nelly_boll 离线

级别: 三星会员

  • UID920432
  • 精华 0
  • 发帖1032
  • 金钱197 两
  • 威望265 点
  • PW积分15 点
  • 技术分0 分
  • 团队工龄0 月
  • 在线时间228(时)
  • 注册时间2006-09-29
  • 最后登录2010-03-22
只看该作者, 9楼  发表于: 2007-02-08
提问,这个圈圈选的是在哪里定义的。
图片:未标题-2.jpg
掠图大盗 离线

级别: 荣誉会员


  • UID732984
  • 精华 0
  • 发帖5245
  • 金钱51 两
  • 威望408 点
  • PW积分10 点
  • 技术分0 分
  • 团队工龄9 月
  • 群组因为我们是NB青年!!
  • 在线时间1010(时)
  • 注册时间2006-05-18
  • 最后登录2010-08-27
只看该作者, 10楼  发表于: 2007-02-08
引用
引用第7楼nickryan2007-02-08 15:30发表的 :
不知道如去掉那些竖的表格线!

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

级别: 荣誉会员


  • UID732984
  • 精华 0
  • 发帖5245
  • 金钱51 两
  • 威望408 点
  • PW积分10 点
  • 技术分0 分
  • 团队工龄9 月
  • 群组因为我们是NB青年!!
  • 在线时间1010(时)
  • 注册时间2006-05-18
  • 最后登录2010-08-27
只看该作者, 11楼  发表于: 2007-02-08
引用
引用第9楼nelly_boll2007-02-08 15:46发表的 :
提问,这个圈圈选的是在哪里定义的。

.btn   按钮样式
kee 离线

级别: 初来乍到

  • UID750506
  • 精华 0
  • 发帖4
  • 金钱175 两
  • 威望0 点
  • PW积分0 点
  • 技术分0 分
  • 团队工龄0 月
  • 在线时间7(时)
  • 注册时间2006-05-30
  • 最后登录2008-06-23
只看该作者, 12楼  发表于: 2007-02-08
有机会也试试做个风格
雨中叶落 离线

级别: 二星会员

  • UID50796
  • 精华 0
  • 发帖526
  • 金钱418 两
  • 威望28 点
  • PW积分9 点
  • 技术分0 分
  • 团队工龄0 月
  • 在线时间288(时)
  • 注册时间2004-09-16
  • 最后登录2010-06-11
只看该作者, 13楼  发表于: 2007-02-08
占个位置要学习
明年俺也学做风格
﹎sκyˊ☆ 离线

级别: 六星会员

  • UID476343
  • 精华 0
  • 发帖17201
  • 金钱187 两
  • 威望804 点
  • PW积分0 点
  • 技术分0 分
  • 团队工龄0 月
  • 群组因为我们是NB青年!!
  • 在线时间656(时)
  • 注册时间2005-10-09
  • 最后登录2009-07-29
只看该作者, 14楼  发表于: 2007-02-08
描述
快速回复

温馨提示:欢迎交流讨论,请勿纯表情、纯引用!
验证问题:
你将要注册的是什么网站<答:phpwind> 正确答案:phpwind
 回复后跳转到最后一页