PhpWind:风格制作教程
导航: 上一级 | PhpWind | 首页 | Discuz | 动网论坛 | vBulletin | phpBB | MolyX | Discuz!NT
PHPWIND风格制作
一、创建新风格的文件
- 复制.\bbs\image\下的wind文件夹,粘贴到.\bbs\image\,即得到“复件wind ”文件夹,并将该文件夹重命名为XXX
- 复制.\bbs\template\下的wind文件夹,粘贴到.\bbs\template即得到“复件wind”文件夹,仍然将该文件夹重命名为XXX
- 复制.\bbs\data\style下的wind.php,粘贴到.\bbs\data\style即得到“复件wind.php文件,并将该文件重命名为XXX.php.(该文件为风格核心文件)
二、风格制作核心
上面已经得到了你的新风格需要的文件了,现在可以进行制作属于你自己的风格了
- 修改风格核心文件 将.\bbs\data\style\XXX.php文件用记事本打开,进行修改,具体修改如下:
- 修改风格CSS 相应效果和颜色改成你自己风格需要的(templete下面的header.htm里)
注意“//”表示注释,可以不写进去,你只需要在文件里修改就可以了
颜色代码改成你自己风格需要的颜色代码
表格宽度设置为你的风格需要的宽度,可以是固定值或百分比
$stylepath = 'xxx'; //此风格在image目录下的文件夹名称
$tplpath = 'xxx'; //此风格在template目录下的风格文件夹名称
$yeyestyle = 'no';//表格内部是否使用白色("yes"内部表格边框将为透明的,"no"表格边框的颜色就是你下面定义的颜色)
$tablecolor = '#E5E3E3'; //表格边框颜色(外边框)
$tablewidth = '98%'; //表格宽度
$mtablewidth= '760'; //头部和尾部表格宽度
//论坛版块列表颜色一(版块的"论坛" "最后发表"两列的表格背景颜色及"我的信息" "友情链接" "在线用户"长表格背景颜色)
$forumcolorone = '#F7F7F7';
//论坛版块列表颜色二(版块的"有无新贴认证论坛"一列,"主题" "文章" "版主" 几列的表格背景颜色及"贴子管理" "提交"按钮的颜色)
$forumcolortwo = '#F7F7F7';
//版块内的文章列表颜色一("版块" "作者" "最后发表" 几列的颜色)
$threadcolorone = '#F1F3F5';
//版块内文章列表颜色二("标题" "回复" "人气" 几列的颜色 及 版块内"在线用户" 长表格背景颜色)
$threadcolortwo = '#F7F7F7'; //版块内文章列表颜色二
//阅读主题时文章背景颜色一(左右两列的背景颜色)
$readcolorone= '#F7F7F7'; //阅读主题时文章背景颜色一
$readcolortwo= '#F1F3F5'; //阅读主题时文章背景颜色二
$maincolor = '#F3F3F3'; //开发程序备用颜色(一般不用修改)
.head { color: #ffffff;background: #6699CC;padding: 5px;}
这个定义的板块头部的颜色 就是显示分类板块名称 分类版主的那行 此处的是字体颜色为白色 背景色为#6699cc
padding就是单元格内部的字和四周边框的距离
.f_one {background: $forumcolorone;}
.f_two {background: $forumcolortwo;}
.t_one {background: $threadcolorone;}
.t_two {background: $threadcolortwo;}
这里定义的是论坛板块的颜色 一般有两种色 在data\style里的相对应php文件里控制
.cbg { color: #000000;background: #D1DCEB;}这是控制板块头部下边 论坛 回复 人气 作者 最后回复的那条
.smalltxt {font-family: Tahoma, Verdana; font-size: 8pt;color: #000000;}小字体的设置比如在回复那一栏里面的字
.table { color:#000000;}
.cfont { color:#ffffff; }有些连接放置到HEAD里 就变成黑色了 用这个CSS可以控制 使它变成白色
.fnamecolor { color:#003366;}板块名称的颜色
.bold {font-weight:bold;}
定义了一个粗体的css类 可以随时用 调用 相当于
.headurl { color:#ffffff;} 这个好像和cfont一样的功能 (只是我的感觉)
.index_font{color: #3A4F6C;background-color:#D1DCEB; font-weight:bold;padding: 5px;}
定义 我的信息 友情连接 在线会员 那一栏的
.tpc_title { font-size: 12px;font-weight:bold;}read.htm里的标题文字 粗体 大小12px
.tpc_content { font-size: 12px;}read.htm里的内容文字 大小12px
.i_table {BORDER: $tablecolor 1px solid;}定义表格的边框线 颜色在相应的data/style/***.php文件里控制 宽度一像素
三、修改风格需要的图片
将.\bbs\image\XXX里的图片换成风格需要的图片
.\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----锁定投票图片
另外如果你模版里需要另外的图片,可以直接放在xxx目录下,或在xxx目录下新建个你自己随便取的文件夹名字,在模版里用的时候图片路径指向该文件夹就可以了
-------- 附加说明:
论坛安装后的官方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模板。此时,你的风格等于无缝升级到了新版本。