ZBLOG首页添加公告栏的方法

作者:mcwm hihi 来源:ChinaZ源码报导 浏览: 2012-10-25 13:38:09 字号:
[摘要]新版的 Z-Blog 1.8 后台没有添加公告的功能,所以这个小功能需要我们自己创建,相信大家一定很期待。

  首先到ZBLOG安装目录下,打开THEMES\default\INCLUDE目录,在里面创建ANNOUNCE.html文件,并加上下面的代码:

<style>
#vcoo_anno{background:url("IMAGE/notice_ico.gif") no-repeat left top; height:28px; line-height:28px; overflow: hidden; border: 1px #dddddd dashed; margin-left:5px; padding-left: 30px; margin-bottom: 10px;}
</style>

<div id="vcoo_anno">
<div id="vcoo_announce">

<a href="http://127.0.0.1/blog/post/1.html" target="_blank"><font color="red">欢迎光临站长之家博客!</font></a><br />

</div>
</div>

<script>
//===============================================
// 目的:网站公告声明VC_Announce效果为:滚动一行停顿4秒,再滚动下一行
//===============================================
function ann_marquee(lh,speed,delay) {
//lh为行高lineheight,speed为滚动速度,delay为延迟、停顿的时间
var p=false;
var t;
var o=document.getElementById("vcoo_announce");
o.innerHTML+=o.innerHTML;
o.style.marginTop=0;
o.onmouseover=function(){p=true;}
o.onmouseout=function(){p=false;}

function start(){
t=setInterval(scrolling,speed);
if(!p) o.style.marginTop=parseInt(o.style.marginTop)-1+"px";
}

function scrolling(){
if(parseInt(o.style.marginTop)%lh!=0){
o.style.marginTop=parseInt(o.style.marginTop)-1+"px";
if(Math.abs(parseInt(o.style.marginTop))>=o.scrollHeight/2) o.style.marginTop=0;
}else{
clearInterval(t);
setTimeout(start,delay);
}
}
setTimeout(start,delay);
}
ann_marquee(28,10,4000);
</script>

  <div id="vcoo_announce"></div>这个块之间可以添加多条博客的公告,多条公告会滚动显示。

  下载下面的公告小图片,放到IMAGE目录下:

  打开THEMES\default\TEMPLATE目录下的default.html文件,找到

<#template:article-multi#>

  在它上面加上代码:

<#TEMPLATE_INCLUDE_ANNOUNCE#>

  到此,我们就可以看到博客首页显示公告的功能了,公告更新需要手动修改ANNOUNCE.html文件添加。

  小编提示:小编用的z-blog是utf8版本的,如果您的博客也是utf8版本的,那别忘了把ANNOUNCE.html文件的编码转换为utf8哦,不然会显示乱码。转换的方法可以下载工具或者直接用记事本转换。如果还是显示乱码,请尝试到后台点“文件重建”。

  • 软件大小:1.67MB
  • 软件类别:国产软件 | 博客系统
  • 软件语言:简体中文
  • 运行环境:ASP/Access/MSSQL
  • 软件授权:免费版
  • 更新时间:2014-1-2 17:20:48
  • 相关链接:Home Page

sssss
Tags: ZBLOG   添加公告  
责任编辑:mcwm
编辑推荐排行