当前位置:首页 > CMS教程 > php168 > 列表

PHP168:风格制作指南系列

发布:smiling 来源: PHP粉丝网  添加日期:2014-01-10 16:16:47 浏览: 评论:0 

进阶级

上一节讲解的是风格制作的入门,这一节讲解一下风格制作的更深一步.

上一节所制作的风格.只适用于主页.其它页面的话.将会显示不正常的. 怎么样才能把兼容性做好.保证其它页面正常呢?

第一步:制作风格前.把系统默认的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文件的底部插入如下代码:

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

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

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

以上的目的是为了可以自由调整网页中间内容部分的宽度,比如,通过修改以下参数实现

.wrap{ width:900px; }

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

  1. <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>下一行添加如上代码.缺少以上脚本代码的话,某些页面的有些功能将失效.或者报错,如果需要下拉菜单的话.需要紧跟着下一行添加如下代码
  1. <!--****************下拉菜单开始****************--> <!-- 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>

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

  1. <!--****************主菜单开始****************--> <!-- 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的适当地方加入如下代码

  1. Powered by <a href="http://www.php168.com" target="_blank">PHP168 {$php168_Edition}</a> 
因为非授权用户与非VIP用户是不允许去除版权的.切记,这样,就基本上把整个网站的整体风格做好了,这样就兼容性比较完全了.

Tags: PHP168 风格 制作

分享到: