上一节讲解的是风格制作的入门.
这一节讲解一下风格制作的更深一步.
上一节所制作的风格.只适用于主页.其它页面的话.将会显示不正常的.
怎么样才能把兼容性做好.保证其它页面正常呢?
第一步:制作风格前.把系统默认的css.css文件放进你的HTML页面头部里边.才开始制作你的HTML主页.
即加多一段代码
<link rel="stylesheet" type="text/css" href="images/css.css">
然后你自己的CSS文件.可以另外做一个.比如说
<link rel="stylesheet" type="text/css" href="images/css2.css">
或者也可以在images/css.css的底部紧跟着进行添加或修改.而不必新增加一个CSS文件.
只有这样.在默认的CSS.CSS基本上制作出来的HTML主页.才是兼容性最好的.照顾到了其它页面.
第二步,以上是CSS兼容性的处理问题.这一步是网页宽度的问题.
把HTML主页切割成三部分之后.
需要在head.htm文件的底部插入如下代码:
<SCRIPT LANGUAGE="JavaScript">
<!--//目的是为了做风格方便
document.write('<div class="wrap">');
//-->
</SCRIPT>
然后再在foot.htm文件的头部插入如下代码
<SCRIPT LANGUAGE="JavaScript">
<!--//目的是为了做风格方便
document.write('</div>');
//-->
</SCRIPT> 以上的目的是为了可以自由调整网页中间内容部分的宽度
比如,通过修改以下参数实现
.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.php168.com" target="_blank">PHP168 {$php168_Edition}</a> 因为非授权用户与非VIP用户是不允许去除版权的.切记 这样,就基本上把整个网站的整体风格做好了.这样就兼容性比较完全了.
附带一个视频教程
3风格制作进阶
http://down2.php168.com/mv/new/3.rar
