现在的位置: 首页 > 互联网络 > WP相关 > 正文

让BBtheme CMS主题背景自动切换

2010-10-17 21:39 WP相关 ⁄ 共 803字 ⁄ 字号 评论 3 条

项目描述 网页背景定时替换可以给访客比较良好的体验,比如白天适合浅颜色的背景,内容更加突出,晚上则适合暗色调的背景,降低对比度不太刺激眼睛。

修订方案 针对这款主题,我们只需要修改header.php中的body部分,代码如下:

步骤一:把<body>替换成:
<?php
date_default_timezone_set('PRC');  //指定为北京时间
$showhour = date("G");  //获取北京时间的钟点数
if($showhour > 5 && $showhour <= 12) //6-12为上午
{
$header = "body_1";
}elseif($showhour > 12 && $showhour <= 18){  //12-18为下午
$header = "body_2";
}else{
$header = "body_3";
}
{?>
<body class="<?php } echo $header;?>">
步骤二:然后再修改style.css样式表,整个代码如下:
body { font: 12px arial, sans-serif; background: url(imgs/body.png) repeat-x; }
替换成
.body_1{ font: 12px arial, sans-serif; background:url('imgs/header_1.jpg') no-repeat;}
.body_2{ font: 12px arial, sans-serif; background:url('imgs/header_2.jpg') no-repeat;}
.body_3{ font: 12px arial, sans-serif; background:url('imgs/header_3.jpg') no-repeat;}

步骤三:接着你制作3张背景图片放入主题目录下面的imgs文件夹就好啦,至此你也可以实现本站的效果了,本文中默认的是北京时间。

参考文献回忆路上

【上篇】
【下篇】

目前有 3 条留言    访客:1 条, 博主:1 条 ,引用: 1 条

  1. 小杰博客 2010年10月19日 3:47 下午  @回复  Δ1楼 回复

    这个功能不错哦,增色不少


    • 管理员
      明镜 2010年10月19日 7:15 下午  @回复  ∇地下1层 回复

      嗯,试试吧~

外部的引用: 1 条

  • 求索·通讯:第6期 求索阁10月份进展与展望 « 求索阁

给我留言

留言无头像?