進階級

上一節講解的是風格制作的入門,這一節講解一下風格制作的更深一步.

上一節所制作的風格.只適用于主頁.其它頁面的話.將會顯示不正常的. 怎么樣才能把兼容性做好.保證其它頁面正常呢?

第一步:制作風格前.把系統默認的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> 

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>