设置密码

验证码错误,请重新填写

免费建站旅程马上开始

开始建站
建站中

已有帐号?直接登录

首页>森动学院>网站建设教程 > ZBLOG后台添加“添加公告栏”的方法
ZBLOG后台添加“添加公告栏”的方法
发布时间: 2012-11-12

首先到ZBLOG安装目录下,打开THEMESdefaultINCLUDE目录,在里面创建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目录下:

打开THEMESdefaultTEMPLATE目录下的default.html文件,找到

<#template:article-multi#>

在它上面加上代码:

<#TEMPLATE_INCLUDE_ANNOUNCE#>

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

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