八喜 发表于 2007-7-16 23:26:34

phpwind风格文件解释-css.htm及关于风格制作

wind目录下的css.htm修改方法如下(适合初学者,高手莫笑),还没有写完,随时补充

<!--
<?php
header("Content-Type: text/html; charset=gb2312");
print <<<EOT
-->
<html>
<head>
$expires
<meta http-equiv=&#39;Content-Type&#39; content=&#39;text/html; charset=gb2312&#39;>
<meta name="robots" content="index,follow">
<meta name=&#39;keywords&#39; content=&#39;PhpWind,Board,PHP,MySQL,FORUM&#39;>
<meta name="MSSmartTagsPreventParsing" content="TRUE">
<meta http-equiv="MSThemeCompatible" content="Yes">
<title>$db_bbsname $tpctitle - powered by phpwind.net</title>
<!--css--><style type=&#39;text/css&#39;>//

以上部分基本上不用修改了
TABLE { BORDER-TOP: 0px; BORDER-LEFT: 0px; BORDER-BOTTOM: 2px}

这里定义了表格的基本属性,不需要修改
SELECT { FONT-SIZE: 9pt; COLOR: #000000; BACKGROUND-COLOR:
这里定义了选择框的属性,字体最好定义为宋体.如果定义为tahoma在98系统里会很难看
$forumcolorone}
A { TEXT-DECORATION: none;}
a:hover{ text-decoration: underline;}
分别是去掉链接下滑线和鼠标停在上面时有下滑线
BODY {font-family:Verdana;FONT-SIZE: 12px;color: #000000;background: #ffffff;}
这里定义了正文的属性.字体为verdana,字号为12像素,颜色为黑色,背景色为白色
textarea,input,object   { font-family: Tahoma, Verdana; font-size: 12px; color: #000000;font-weight: normal; background-color: $forumcolorone }
这里定义了输入框,文本框的属性
TD { BORDER-RIGHT: 1px; BORDER-TOP: 0px; FONT-SIZE: 9pt; COLOR: #000000;}
这里定义的表格内属性,不过字号最好用像素定义,否则在一些老的操作系统里很难看,修改为12px,颜色为黑色
.head { color: #ffffff;background: #6699CC;padding: 5px;}
这里是定义头部表格内的颜色,可以修改为你自己喜欢的颜色,就是最上面控制面板,短消息那里
.f_one {background: $forumcolorone;}
.f_two {background: $forumcolortwo;}
.t_one {background: $threadcolorone;}
.t_two {background: $threadcolortwo;}
这里定义的是论坛内表格的颜色,在后台定义
.cbg { color: #000000;background: #D1DCEB;}
.smalltxt {font-family: Tahoma, Verdana; font-size: 8pt;color: #000000;}
这里最好把字号定义为12px,不然ie5.0版本浏览很难看
.table { color:#000000;}
.cfont { color:#ffffff; }
.fnamecolor { color:#003366;}
.bold {font-weight:bold;}
这里是定义首页字体,这里为粗体,如果不要粗体,把bold修改为normal
.headurl { color:#ffffff;}
.index_font{color: #3A4F6C;background-color:#D1DCEB; font-weight:bold;padding: 5px;}
.tpc_title { font-size: 12px;}
.tpc_content { font-size: 12px;}
.i_table {BORDER-RIGHT: $tablecolor 1px solid; BORDER-TOP: $tablecolor 1px solid; BORDER-LEFT: $tablecolor 1px solid; BORDER-BOTTOM: $tablecolor 1px solid;}
这里是定义版块的四条边线颜色的
</style><!--css-->
<!--
EOT;
?>-->


////////////////////////////////////////////////////////////

关于风格制作:


如果需新增了自己的模板套系,强烈建议不要修改默认模版目录wind里的*.htm文件和图片!这将给维护和升级带来巨大的方便!!!

因此要建立新模版套系请按以下步骤进行:
例目的是:创建一个属于自己的风格 名称为 ed (必须为英文)

1,先在后台管理风格处创建一个新的:ed,或手动创建文件:data/style/ed.php, 请参照data/style/wind.php(安装后生成的)
2,在图片目录(默认为images)下创建一个名称为 ed 的目录,然后把 images/wind/ 目录中的图片 全部复制到 images/新模版目录/ 此目录中 ,如果你要改图片尽情在新模版的图片目录下修改吧!
3,在template/ 目录中创建一个名称为 ed 的目录,此目录中只需包含你所修改过的 *.htm文件 和css.htm 文件即可,因为未被包含的模板文件,系统会自动读取默认模板中的*.htm文件
4,注意:
data/style/ed.php文件属性777,template/ed此目录为777属性,template/ed/css.htm文件为777属性

希望你能做出更优秀的模板!
页: [1]
查看完整版本: phpwind风格文件解释-css.htm及关于风格制作