進(jìn)階級(jí)

上一節(jié)講解的是風(fēng)格制作的入門,這一節(jié)講解一下風(fēng)格制作的更深一步.

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

第一步:制作風(fēng)格前.把系統(tǒng)默認(rèn)的css.css文件放進(jìn)你的HTML頁面頭部里邊.才開始制作你的HTML主頁.

即加多一段代碼:<link rel="stylesheet" type="text/css" href="images/css.css">

然后你自己的CSS文件.可以另外做一個(gè).比如說

<link rel="stylesheet" type="text/css" href="images/css2.css">

或者也可以在images/css.css的底部緊跟著進(jìn)行添加或修改.而不必新增加一個(gè)CSS文件,只有這樣.在默認(rèn)的CSS.CSS基本上制作出來的HTML主頁.才是兼容性最好的.照顧到了其它頁面.

第二步:以上是CSS兼容性的處理問題.這一步是網(wǎng)頁寬度的問題. 把HTML主頁切割成三部分之后.需要在head.htm文件的底部插入如下代碼:

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

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

1. <SCRIPT LANGUAGE="JavaScript"> <!--//目的是為了做風(fēng)格方便 document.write('</div>'); //--> </SCRIPT> 

以上的目的是為了可以自由調(diào)整網(wǎng)頁中間內(nèi)容部分的寬度,比如,通過修改以下參數(shù)實(shí)現(xiàn)

.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 --> <!--****************下拉菜單結(jié)束****************--> 

如果需要登錄框的話.在需要顯示的地方加入如下代碼

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

如果需要添加后臺(tái)設(shè)置好的導(dǎo)航菜單的話,在需要顯示的地方加入如下代碼:

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 --> <!--****************主菜單結(jié)束****************--> 

第四步:修改文件foot.htm的最底部加入如下代碼,實(shí)現(xiàn)頁面的一些特定功能

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

第五步:如果你不是授權(quán)用戶也不是VIP用戶的話,別忘了還需要在foot.htm的適當(dāng)?shù)胤郊尤肴缦麓a

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