虽然大框架会影响一些速度,但是对于新做风格的朋友来说,一个大框架也是一个最简单直接的美化方式,学会这个简单的大框架,也就可以运用到其他的地方。
准备工作:我们要按照官方已有的风格教程定义一套新的风格,当然这个风格里的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>
至于效果嘛,自己试试就知道了;

RSS订阅