新做风格模版调用模认模版的兼容问题(进阶)

上一节“风格制作简单步骤”所制作的风格,只适用于主页,其它页面的话,由于CSS、主体宽度不一致将会导致页面不统一。 怎么样才能把兼容性做好,保证其它页面正常呢?


第一步,CSS兼容:

制作风格前,把系统默认的css.css文件放进你的HTML页面头部里边,才开始制作你的HTML主页。因为所有页面都是调用这同一个头部。

即加多一段代码
<link rel="stylesheet" type="text/css" href="images/default/css.css">
然后你自己的CSS文件.可以另外做一个.比如说
<link rel="stylesheet" type="text/css" href="images/default/abc.css">

或者也可以在把默认"images/default/css.css"内容复制到你的"images/default/abc.css"的底部紧跟着进行添加或修改。

只有这样,在默认的CSS.CSS基本上制作出来的HTML主页,才是兼容性最好的,照顾到了其它页面没有制作的页面。


第二步,网页宽度的问题:

把HTML主页切割成三部分之后.
需要在头部head.htm文件的底部插入如下代码:

<SCRIPT LANGUAGE="JavaScript">
<!--//目的是为了做风格方便
document.write('<div class="wrap">');
//-->
</SCRIPT>


然后再在foot.htm文件的头部插入如下代码:

<SCRIPT LANGUAGE="JavaScript">
<!--//目的是为了做风格方便
document.write('</div>');
//-->
</SCRIPT>

以上的目的是为了可以自由调整网页中间内容部分的宽度

比如,通过修改CSS文件以下参数实现
.wrap{
width:900px;
}




第三步,再往head.htm里边添加一些功能代码:

<SCRIPT LANGUAGE="JavaScript" src="$webdb[www_url]/images/default/inc.js"></SCRIPT>
<SCRIPT LANGUAGE="JavaScript" src="$webdb[www_url]/images/default/default.js"></SCRIPT>
<SCRIPT LANGUAGE="JavaScript" src="$webdb[www_url]/images/default/swfobject.js"></SCRIPT>

在</head>下一行添加如上代码,缺少以上脚本代码的话,某些页面的有些功能将失效,或者报错



如果需要下拉菜单的话.需要紧跟着下一行添加如下代码

<!--****************下拉菜单开始****************-->
<!--
EOT;
if($webdb[ShowMenu]){print <<<EOT
-->
<SCRIPT LANGUAGE="JavaScript" src="$webdb[www_url]/images/default/menu.js"></SCRIPT>
<SCRIPT LANGUAGE="JavaScript">
<!--
EOT;
@include(PHP168_PATH."php168/menu.js.php");
foreach($MenuArray AS $key=>$array){
$link_db='';
foreach($array AS $key1=>$value){
list($name,$url,$blank,$color,$lid)=explode("|",$value);
if(ereg("^\/",$url)){
$url="$webdb[www_url]$url";
}elseif(!ereg("://",$url)){
$url="$webdb[www_url]/$url";
}
$blank=$blank?"_blank":'';
$color=$color?"$color":'';
$link_db[]="<a href='$url' target='$blank' style='color:$color;'>$name</a>";
}
$_showlink=implode("<br>",$link_db);
print <<<EOT
-->
var Menu_$key = "$_showlink";
<!--
EOT;
}
print <<<EOT
-->
</SCRIPT>
<!--
EOT;
}print <<<EOT
-->
<!--****************下拉菜单结束****************-->



如果需要登录框的话.在需要显示的地方加入如下代码

<SCRIPT src="$webdb[www_url]/hack.php?hack=login&job=js"></SCRIPT>


如果需要添加后台设置的导航菜单的话,在需要显示的地方加入如下代码


<!--****************主菜单开始****************-->
<!--
EOT;
$i=0;
$detail=explode("\r\n",$webdb[guide_word]);
foreach($detail AS $key=>$value){
$i++;
$icon=$i>1?'|':'';
list($name,$url,$blank,$color,$lid)=explode("|",$value);
if(ereg("^\/",$url)){
$url="$webdb[www_url]$url";
}elseif(!ereg("://",$url)){
$url="$webdb[www_url]/$url";
}
$blank=$blank?"_blank":'';
$color=$color?"$color":'';
if($webdb[ShowMenu])$showmenu=" ";
print <<<EOT
-->
$icon? <a href="$url" target="$blank" style="color:$color;" $showmenu>$name</a>
<!--
EOT;
}
print <<<EOT
-->
<!--****************主菜单结束****************-->


第四步,修改文件foot.htm的最底部加入如下代码,实现页面的一些特定功能

<SCRIPT LANGUAGE="JavaScript">
<!--
clickEdit.init();
//-->
</SCRIPT>

第五步,如果你不是授权用户也不是VIP用户的话,别忘了还需要在foot.htm的适当地方加入如下代码

Powered by <a href="http://www.qibosoft.com" target="_blank">PHP168 {$php168_Edition}</a>

因为非授权用户与非VIP用户是不允许去除版权的


这样,就基本上把整个网站的整体风格做好了.这样就兼容性比较完全了.