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文件的底部插入如下代码:
- <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>
- <!--****************下拉菜单开始****************--> <!-- 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>
Tags: PHP168 风格 制作
- 上一篇:PHP168:风格制作指南系列
- 下一篇:PHP168:常见问题
相关文章
- ·PHP168如何在一天内制作你属于你自己的精美门户风格(2013-11-15)
- ·齐博CMS(php168)/config.php中的变量说明(2013-11-15)
- ·针对dedecms、php168木马UDP攻击的简单解决方法(2013-11-15)
- ·如何解决pw.85整合php168论坛同步登录出错问题(2014-01-10)
- ·php168 使用技巧(2014-01-10)
- ·php168齐博模板开发中最常用到的变量名(2014-01-10)
- ·制作属于自己的PHP168门户风格(2014-01-10)
- ·PHP168:风格制作指南系列(2014-01-10)
- ·PHP168:常见问题(2014-01-10)
- ·如何新安装一个新的系统(2014-03-31)
推荐文章
热门文章
最新评论文章
- 写给考虑创业的年轻程序员(10)
- PHP新手上路(一)(7)
- 惹恼程序员的十件事(5)
- PHP邮件发送例子,已测试成功(5)
- 致初学者:PHP比ASP优秀的七个理由(4)
- PHP会被淘汰吗?(4)
- PHP新手上路(四)(4)
- 如何去学习PHP?(2)
- 简单入门级php分页代码(2)
- php中邮箱email 电话等格式的验证(2)