编辑“PhpWind:风格制作教程”

<span style="float:right; padding:6px; text-align:center; border:1px solid #000;"><strong>导航:</strong> [[PhpWind:论坛使用手册|上一级]] | [[PhpWind]] | {{Template:PhpWind导航}}</span>
<div style="clear:both;"></div>
'''PHPWIND风格制作'''

'''一、创建新风格的文件'''
<ul style="list-style:decimal; line-height:20px; margin-left:30px;">
<li>复制.\bbs\image\下的wind文件夹，粘贴到.\bbs\image\，即得到“复件wind ”文件夹，并将该文件夹重命名为XXX</li>
<li>复制.\bbs\template\下的wind文件夹，粘贴到.\bbs\template即得到“复件wind”文件夹，仍然将该文件夹重命名为XXX</li>
<li>复制.\bbs\data\style下的wind.[[php]]，粘贴到.\bbs\data\style即得到“复件wind.php文件，并将该文件重命名为XXX.php.(该文件为风格核心文件)</li></ul>

'''二、风格制作核心'''

上面已经得到了你的新风格需要的文件了，现在可以进行制作属于你自己的风格了
<ul style="list-style:decimal; line-height:20px; margin-left:30px;">
<li>修改风格核心文件</li>
　将.\bbs\data\style\XXX.php文件用记事本打开，进行修改，具体修改如下：
<p>
注意“//”表示注释，可以不写进去，你只需要在文件里修改就可以了<br>
颜色代码改成你自己风格需要的颜色代码<br>
表格宽度设置为你的风格需要的宽度，可以是固定值或百分比<br>
$stylepath = 'xxx'; //此风格在image目录下的文件夹名称<br>
$tplpath = 'xxx'; //此风格在template目录下的风格文件夹名称<br>
$yeyestyle = 'no';//表格内部是否使用白色("yes"内部表格边框将为透明的，"no"表格边框的颜色就是你下面定义的颜色)<br>
$tablecolor = '#E5E3E3'; //表格边框颜色(外边框)<br>
$tablewidth = '98%'; //表格宽度<br>
$mtablewidth= '760'; //头部和尾部表格宽度<br>
//[[论坛]]版块列表颜色一(版块的"论坛" "最后发表"两列的表格背景颜色及"我的信息" "[[友情链接]]" "在线用户"长表格背景颜色)<br>
$forumcolorone = '#F7F7F7'; <br>
//论坛版块列表颜色二(版块的"有无新贴认证论坛"一列,"主题" "文章" "版主" 几列的表格背景颜色及"贴子管理" "提交"按钮的颜色)<br>
$forumcolortwo = '#F7F7F7'; <br>
//版块内的文章列表颜色一("版块" "作者" "最后发表" 几列的颜色) <br>
$threadcolorone = '#F1F3F5'; <br>
//版块内文章列表颜色二("标题" "回复" "人气" 几列的颜色 及 版块内"在线用户" 长表格背景颜色)<br>
$threadcolortwo = '#F7F7F7'; //版块内文章列表颜色二<br>
//阅读主题时文章背景颜色一(左右两列的背景颜色)<br>
$readcolorone= '#F7F7F7'; //阅读主题时文章背景颜色一<br>
$readcolortwo= '#F1F3F5'; //阅读主题时文章背景颜色二<br>
$maincolor = '#F3F3F3'; //开发程序备用颜色(一般不用修改)
</p>  

<li>修改风格[[CSS]] 相应效果和颜色改成你自己风格需要的(templete下面的header.htm里)</li></ul>
<p>
.head { color: #ffffff;background: #6699CC;padding: 5px;}<br>
这个定义的板块头部的颜色 就是显示分类板块名称 分类版主的那行 此处的是字体颜色为白色 背景色为#6699cc<br>
padding就是单元格内部的字和四周边框的距离<br>
.f_one {background: $forumcolorone;}<br>
.f_two {background: $forumcolortwo;}<br>
.t_one {background: $threadcolorone;}<br>
.t_two {background: $threadcolortwo;}<br>
这里定义的是论坛板块的颜色 一般有两种色 在data\style里的相对应php文件里控制<br>
.cbg { color: #000000;background: #D1DCEB;}这是控制板块头部下边 论坛 回复 人气 作者 最后回复的那条 <br>
.smalltxt {font-family: Tahoma, Verdana; font-size: 8pt;color: #000000;}小字体的设置比如在回复那一栏里面的字<br>
.table { color:#000000;}<br>
.cfont { color:#ffffff; }有些连接放置到HEAD里 就变成黑色了 用这个CSS可以控制 使它变成白色<br>
.fnamecolor { color:#003366;}板块名称的颜色<br>
.bold {font-weight:bold;}<br>
定义了一个粗体的css类 可以随时用 调用 相当于<br>
.headurl { color:#ffffff;} 这个好像和cfont一样的功能 （只是我的感觉）<br>
.index_font{color: #3A4F6C;background-color:#D1DCEB; font-weight:bold;padding: 5px;}<br>
定义 我的信息 友情连接 在线会员 那一栏的<br>
.tpc_title { font-size: 12px;font-weight:bold;}read.htm里的标题文字 粗体 大小12px<br>
.tpc_content { font-size: 12px;}read.htm里的内容文字 大小12px<br>
.i_table {BORDER: $tablecolor 1px solid;}定义表格的边框线 颜色在相应的data/style/***.php文件里控制 宽度一像素 
</p>

'''三、修改风格需要的图片'''

将.\bbs\image\XXX里的图片换成风格需要的图片
<div><pre style="line-height:20px; border:0; background:white;">
   .\bbs\image\xxx目录下图片是一些和版块相关的,还有发新贴一类的
   lock.gif----认证版块图片
   logo.gif----论坛LOGO
   new.gif----有新贴
   old.gif----无新贴
   post.gif----发表主题
   reply.gif----回复主题
   sigline.gif----签名分隔线
   vote.gif----发表新投票 
   file文件夹：一般是些小图标，
   attc.gif----附件
   digest_1.gif----精华1
   digest_2.gif----精华2
   headtopic_1.gif----置顶1
   headtopic_2.gif----置顶2
   headtopic_3.gif----置顶3
   img.gif----图片类型
   multipage.gif----多页图片
   music.gif----音乐图片
   new.gif----新贴图片
   txt.gif----文本图片
   zip.gif----压缩文件图片
   forumlogo文件夹：如果要在版块前加logo图，放在这里，不过要后台设置，这里不讨论之

   group文件夹：用户组小图标（游客，管理员，会员等。。）
   2.gif----游客图片
   3.gif----管理员图片
   4.gif----总版主图片
   5.gif----版主图片
   6.gif----普通会员图片
   16.gif----荣誉会员图片 

   index文件夹：[[首页]]细节的小图片
   birth.gif
   foruminfo.gif
   home.gif----首页论坛图片
   msg.gif----我的信息图片
   online.gif----在线用户图片
   share.gif----友情链接图片 
   level文件夹：论坛用户级别的图片
   3.gif---管理员
   4.gif---总版主
   5.gif---版主
   8.gif---游客、default、验证会员、禁止发言、新手上路
   9.gif---侠客
   10.gif---骑士
   11.gif---圣骑士
   12.gif---精灵王
   13.gif---风云使者
   13.gif---光明使者
   15.gif---天使 
   read文件夹：读帖时候的小图片（信息，引用，编辑等。。）
   profile.gif 资料
   message.gif 短信
   email.gif 邮件
   emailto.gif 推荐
   quote.gif 引用
   edit.gif 编辑
   online.gif 在线图标
   offline 离线图标
   rate.gif 版主评分图标
   postban.gif 禁言图标
   top.gif 跳到顶部图标 

   thread文件夹：版块里帖子状态小图片（就是置顶，热门，锁定等主题帖状态）
   anc.gif----公告图片
   topicclose.gif----主题关闭图片
   topichot.gif----热门主题图片
   topiclock.gif----锁定主题图片
   topicnew.gif----新主题图片
   vote.gif----投票图片
   votelock.gif----锁定投票图片
</pre></div>
<p>另外如果你模版里需要另外的图片，可以直接放在xxx目录下，或在xxx目录下新建个你自己随便取的文件夹名字，在模版里用的时候图片路径指向该文件夹就可以了</p>

－－－－－－－－
'''附加说明：'''
<p>&nbsp;&nbsp;论坛安装后的官方WIND风格建议各位不要删除。——因为根据PW的程序设计，你自己设计的风格时，比如你自己的风格里READ.[[HTM]]模板和官方的 WIND风格里的READ.HTM模板没有区别并且准备保持一致，那么，你就不需要给你自己的风格里面加入READ.HTM模板，且完全可以删除你的READ.HTM模板。这样，当程序发现你的风格里没有READ.HTM模板时，会自动调用WIND风格的READ.HTM模板来补充，这样就和官方的READ.HTM模板做到了保持一致。其他诸如THREAD.HTM等等模板也是一样的。PW程序是特意这样做的。这样做的好处：如果PW推出新版，官方WIND风格里的READ.HTM模板有一个小改动，同时由于你自己风格的READ.HTM模板和官方WIND相同且准备保持一致，因而没有设置READ.HTM模板，那么当升级的时候，你就无需操心官方模板的变化，程序自然会调用WIND风格的READ.HTM模板。此时，你的风格等于无缝升级到了新版本。</p>


[[category:PhpWind使用手册|F]]