Chinaz.com - 中国站长站

匿名投稿 投稿指南 RSS订阅 站长资讯通告:
搜索: 您的位置主页>精华转载>技术专题>阅读资讯:PHPWind 给默认的风格添加大框架

PHPWind 给默认的风格添加大框架

2007-07-25 09:01:48 来源:PHPWind 作者:香水 【 评论:0

虽然大框架会影响一些速度,但是对于新做风格的朋友来说,一个大框架也是一个最简单直接的美化方式,学会这个简单的大框架,也就可以运用到其他的地方。

准备工作:我们要按照官方已有的风格教程定义一套新的风格,当然这个风格里的TEMPLATE文件现在是和WIND一样的,我们打开HEADER.HTM文件,注意要好好熟悉一下他,这东西绝对是一个风格的最主要部分。

以下为引用的内容:
<!--<?php
header("Content-Type: text/html; charset=gb2312");
print <<<EOT
-->
<html>
<head>$expires
<title>$subject $forumname $db_bbsname - powered by phpwind.net</title>
<meta http-equiv='Content-Type' content="text/html; charset=gb2312">
<meta name='keywords' content='phpwind,bbs,board,php,mysql,forums'>

<!--css--><style type='text/css'>
body {font-family: Verdana;FONT-SIZE: 12px;MARGIN: 0;color: #000000;background: #ffffff;}
td {FONT-SIZE: 12px;}
textarea,input,select{
    font-family: Verdana;
    font-size: 12px;
    background-color: #ffffff;
}
div.quote{
margin:5px 20px;border:1px solid #CCCCCC;padding:5px;background:#F3F3F3 ;line-height : normal;
}
a { TEXT-DECORATION: none;}
a:hover{ text-decoration: underline;}
img {border:0;}
.banner{background: #84AACE;}
.head { color: #FFFFFF;background: #84AACE;padding: 5px;}
.head a { color: #FFFFFF;}
.f_one {background: $forumcolorone;}
.f_two {background: $forumcolortwo;}
.hr {border-top: 1px solid $tablecolor; border-bottom: 0; border-left: 0; border-right: 0; }
.t_one {background: $threadcolorone;}
.t_two {background: $threadcolortwo;}
.r_one {background: $readcolorone;}
.r_two {background: $readcolortwo;}
.cbg { color:#000000;background: #E5E8EA;}
.cbg a{ color:#000000;}
.smalltxt {font-family: Tahoma, Verdana; font-size: 12px;}
.cfont { color:#FFFFFF; }
.fnamecolor { color:#003366;}
.index_font{color: #3A4F6C;background-color:#EBEBEB; font-weight:bold;padding: 5px;}
.tpc_title { font-size: 12px;font-weight:bold;}
.tpc_content { font-size: 13px;}
.i_table {BORDER: $tablecolor 1px solid;background:#D6E3EF;}
</style><!--css-->
</head>
<body vlink='#333333' link='#333333'>
$msgsound
<table cellspacing=0 cellpadding=0 width='$tablewidth' $i_table align=center>
<tr valign='bottom'><td align='left' class=banner>
<a href='./'><img src='$imgpath/$stylepath/logo.gif'></a></td>
<td align='right' class=banner valign=middle></td></tr>
<tr><td align='center' height=1 bgcolor=#ffffff colspan=2></td></tr>
<tr><td align='center' class=cbg colspan=2 height=26>
»
<!--
EOT;
if($groupid=='guest'){print <<<EOT
-->
您尚未 <a href=login.php><b>登录</b></a>
<a href='register.php'><b>注册</b></a>
<!--
EOT;
}else{print <<<EOT
-->
<b>$windid</b> <a href='login.php?action=quit'>退出</a>
| <a href=profile.php>控制面板</a>
| <a href='message.php' target="_blank">
<!--
EOT;
if($winddb[newpm]==1){print <<<EOT
-->
<font color=red>您有新消息</font></a>
<!--
EOT;
}else{print <<<EOT
-->
短消息</a>
<!--
EOT;
}print <<<EOT
-->
| <a href='search.php'>搜索</a> | <a href='member.php'>会员</a>
| <a href='sort.php'>统计与排行</a>
<!--
EOT;
}
foreach($db_hackdb as $key=>$hack){
if($hack[4] && $hack[2]){print <<<EOT
-->
| <a href='hack.php?H_name=$hack[1]'>$hack[0]</a>
<!--
EOT;
}}print <<<EOT
-->
| <a href='faq.php'>帮助</a>
| <a href='$db_bfn'>社区</a>
| <a href='simple/' target=_blank>无图版</a>
<!--
EOT;
if($windid==$manager ||$SYSTEM['allowadmincp']){print <<<EOT
-->
| <a href='admin.php' target=_blank>系统设置</a>
<!--
EOT;
}print <<<EOT
-->

</td></tr>
</table>
<br><br>
<!--
EOT;
?>-->

首先,我们要定义大框架的属性

复制.i_table {BORDER: $tablecolor 1px solid;background:#D6E3EF;}

其中.i_table 我们把他命名为big_table{BORDER: $tablecolor 1px solid;background:#D6E3EF;}

然后,我们更改边框的颜色和框里的颜色:{BORDER: #000000(我们把他定义成黑色 )1px (这个是边框宽度,随便你喜欢)solid;background:#FFFFFF;(我们把他弄成白色,也可以加图片)}

然后我们找到<body vlink='#333333' link='#333333'>
$msgsound在后面添加<table cellspacing=0 cellpadding=0 width='$tablewidth' (宽度可以用百分比或数字代替)align=center class=big_table>
<tr ><td >

最后我们在FOOTER.HTM里添加</td></tr>
</table>
添加到这里</body></html>
也就是说不能超出</body></html>

为了美观,可以在<body vlink='#333333' link='#333333'>后,TABLE的开头加<br>

至于效果嘛,自己试试就知道了;



Tags:PHPWind   风格   框架  
责任编辑:阿小
  • 请文明参与讨论,禁止漫骂攻击。 用户名:新注册) 密码: 匿名:
    评论总数: [ 查看全部 ] 网友评论
    关于我们 - 联系我们 - 广告服务 - 友情链接 - 网站地图 - 版权声明 - 人才招聘 - 帮助