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文件用记事本打开,进行修改,具体修改如下:

    注意“//”表示注释,可以不写进去,你只需要在文件里修改就可以了
    颜色代码改成你自己风格需要的颜色代码
    表格宽度设置为你的风格需要的宽度,可以是固定值或百分比
    $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'; //开发程序备用颜色(一般不用修改)

  • 修改风格CSS 相应效果和颜色改成你自己风格需要的(templete下面的header.htm里)

.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模板。此时,你的风格等于无缝升级到了新版本。