中国.Rick

IT.Man

Z-Blog优化之——侧边栏

关于在侧边栏增加模块和音乐的问题。
屡屡有人问我怎么在blog上加音乐。在此一次回复,顺便把关于侧边栏的问题一起解决了。

音乐的代码是:
 

<embed type="application/x-mplayer2" pluginspage="http://www.microsoft.com/Windows/MediaPlayer/"; src="http://www.anbon.name/upload/01.wma"; autostart="true" width="165" height="46"></embed>
 

这段代码效果是我的blog上使用的。定义了一个播放器,调用mediaplayer。音乐路径是“http://....”,记得要用可用路径。什么“c:”之类的就不要出来了。一般保险起见用绝对路径。

Zblog中的代码是:
 

<div class="function">
<h3>七月-容畅</h3>
<div align="center"><embed type="application/x-mplayer2" pluginspage="http://www.microsoft.com/Windows/MediaPlayer/"; src="http://www.anbon.name/upload/01.wma"; autostart="true" width="165" height="46"></embed><br></div>
</div>
 



下面解释一下,非Zblog的朋友可以跳过了,基本不大好理解。

侧边的CSS为:
 

#divSidebar{
     width:210px;
     margin:0 0 0 0;
     padding:0 0 10px 0;
     text-align:center;
     float:right;
     border-left:1px dashed silver;
}
 


这段定义了侧边的宽度,边距,文字排列,分割线。

 

div.function {
     float:left;
     width:190px;
     margin:10px 0 0 0;
     padding:0 0 0 0;
     text-align:left;
     border-left:10px solid #ffffff;
     border-right:10px solid #ffffff;
}
 


这段定义了小模块的宽度,排列方式等东西。

* 为了页面显示和编辑方便,以下我把两头的尖括号变成了书名号。

需要在侧边加模块,就是需要插入一个function属性的模块,那么语句就是:
《div class="function"》
下面的
《h3》七月-容畅《/h3》
表示调用了function.h3 ,也就是标题。
在下面就是模块的内容。


至于要放到哪里,看自己的需要了。要放在 TEMPLATE 文件夹下面。

只修改首页的话,修改default.html。

《div class="function" id="divCalendar"》是日历模块

《div class="function" id="divContorPanel"》是控制面板

《div class="function" id="divCatalog"》是网站目录

《div class="function" id="divComments"》是最新评论

《div class="function" id="divArchives"》是文章归档

《div class="function" id="divSearchPanel"》是搜索

《div class="function" id="divStatistics"》是站点统计

《div class="function" id="divLinkage"》友情连接

《div class="function" id="divMisc"》图标

要放哪里就插入到上一个模块的《/div》 和下一个的《div》之间就ok了。

要修改其他页面的话分别是catalog.html 和 single.html

可能还有其他页面,各位自己试一试找一下好了,我记不很清哪个文件对应哪个页面了。

本文出处:布言布语[http://www.anbon.name/post/409.html]。借鉴过来,作学习用。

« 上一篇 | 下一篇 »

发表评论:

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

日历

最新评论及回复

最近发表

Powered By Z-Blog 1.8 Walle Build 91204 and Theme By BokeZhuti.cn

Copyright RickC.cn [浙ICP备09040539] Some Rights Reserved.