Written on 2008年5月9日 @ 21:40 | by spirit | Tags: zblog   | 浏览:

由于几乎不懂CSS,所以在用了tugor主题后几乎就没对博客模板做过改动,但博客里存在的问题实在太多了,今天下午就花了半天时间,对博客进行了较大的修改,这里特别感谢yyld.net 的热心帮助。

1.首先对奥运倒计时牌进行了替换:
前一段时间用了小一制作的奥运倒计时牌,但总感觉和我的博客颜色不太搭配,就用了sohu上提供的这个倒计时牌。

下面是调用代码,若你想在博客使用这个计时牌的话,可以试试。

 
2.然后b_article-single.html加上了巴士飞扬 的文件列表插件,添加方法如下:

在b_article-single.html页面中,把下面的表格中的代码加到   
<!--  ul class="msg mutuality"><li class="tbname"><#ZC_MSG231#>:</li>
<li class="msgarticle"><#template:article_mutuality#></li>    </ul>
这段代码的下面即可,其中红色部分为要用的列表的代码。

<table width="65%" border="0" align="center">
  <tr>
    <td><div align="center">

<div class="function">
    <h3>随机推荐文章</h3>
   <ul>
   <#CACHE_INCLUDE_RANDOMSORTALLRAND#>
   </ul>
   </div>

</div></td>
    <td><div align="center">

<div class="function">
    <h3>热文排行使用</h3>
   <ul>
   <#CACHE_INCLUDE_RANDOMSORTTOPHOT#>
   </ul>
   </div>

</div></td>
    <td><div align="center">

<div class="function">
    <h3>文章本月排行</h3>
   <ul>
   <#CACHE_INCLUDE_RANDOMSORTTOPMONTH#>
   </ul>
   </div>

</div></td>
  </tr>
</table>

 然而这个tugor主题对Firefox不太友好,我发现上面的文章列表在FF下产生了严重的错位现象。当我向yyld.net请教时,她非常热心的帮我解决了这个问题 ,再一次感谢yyld.net 的热心帮助~~

如果你使用的也是tugor主题,可在上述代码的外面加上<div id="liebiao">  </div> ,然后在CSS中加入 #liebiao {clear:both;margin:0pt;} ,即可解决火狐下的错位问题。

3.另外还修改了留言表情中的一个表情图片无法显示的错误,并替换了几个表情。

总结:由于对html等网页知识知道的很少,我的这次修改难度很大,不过这次真正体会到了学习的快乐。^_^ 虚心学习,不断进步~~~~


若转载请注明出处: Spirit's Home
本文地址: http://www.7788sky.cn/post/zblogxiugai59.html
  1. 2 Response to “对blog做了一些修改优化”

  2. By 豆豆 on 2008-5-10 21:19:36| http://shengnanzhang.blog.163.com

    呵呵,进步不小啊~~~~加油!呵呵

  3. By alex on 2008-5-11 15:30:54| http://www.farwill.com/blog/

    是啊,下载到的主题总会存在很多问题,不改不行.

Post a Comment

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。