在线客服:QQ:903106328 | 咨询电话:18928023218
您的位置:

风格制作指南(进阶)---[2]

时间:2010-06-07 19:50:55   来源:php168官方论坛   作者:龙城   点击: 2416



上一节讲解的是风格制作的入门.

这一节讲解一下风格制作的更深一步.

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

第一步:制作风格前.把系统默认的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="JaScript">
<!--//目的是为了做风格方便
document.write('<div class="wrap">');
//-->
</SCRIPT>

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

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



以上的目的是为了可以自由调整网页中间内容部分的宽度

比如,通过修改以下参数实现
.wrap{
        width:900px;
}


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

<SCRIPT LANGUAGE="JaScript" src="$webdb[www_url]/images/default/inc.js"></SCRIPT>
<SCRIPT LANGUAGE="JaScript" src="$webdb[www_url]/images/default/default.js"></SCRIPT>
<SCRIPT LANGUAGE="JaScript" src="$webdb[www_url]/images/default/swfobject.js"></SCRIPT>


在</head>下一行添加如上代码.缺少以上脚本代码的话.某些页面的有些功能将失效.或者报错

如果需要下拉菜单的话.需要紧跟着下一行添加如下代码

<!--****************下拉菜单开始****************-->
<!--
EOT;
if($webdb[ShowMenu]){print <<<EOT
-->
<SCRIPT LANGUAGE="JaScript" src="$webdb[www_url]/images/default/menu.js"></SCRIPT>
<SCRIPT LANGUAGE="JaScript">
<!--
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="JaScript">
<!--
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
下载提醒:

☉本站所有模板需要注册会员,成功登录后才可以下载;
☉本站部分精品模板需要积分才可以下载,若积分不足,请在线充值;
☉如果遇到什么问题,请到与我们联系,我们将在24小时内进行有效处理!

路过这里的朋友还路过了:
网友评论
发表评论
  • 用户名:
  • 密 码:
  • 新用户注册
表情:
内容:

声明:网友评论仅代表个人观点,与本站立场无关,如果在评论中发现有任何反动,色情,暴力,诽谤,广告等信息,请及时与我们联系,我们将立即予以删除。

联系我们
Q Q:903106328(官方认证)
手机:18928023218(石头专线)
邮箱:903106328@qq.com
时间:周一至周日 9:00至21:00
扫一扫,访问手机版
齐博授权代理风格区版主专业团队积分充值特约商家