上一篇
下一篇
07-04
07
改写公告插件(Bulletin Board)样式表
作者:Java伴侣 日期:2007-04-07
看到论坛上面的一些人在模块上直接写html来实现公告，个人觉得那样维护起来太麻烦。不够人性化的东西怎么不学，下面我通过改写Bulletin Board的安装文件install.xml来做样式：
<div style="MARGIN-LEFT: 10px;MARGIN-TOP: 5px;padding:5px;BORDER-RIGHT: #93b300 1px dashed; BORDER-TOP: #93b300 1px dashed; BORDER-LEFT: #93b300 1px dashed; BORDER-BOTTOM: #93b300 1px dashed; background:#FFFFF;">
<div style="width:15px;padding:0px;background:url(Plugins/Bulletin/callBoard.png) left top no-repeat; width:36px;height:36px;float:left;"></div>
<div id="bulletinBoard" style="text-align:left;overflow:hidden;margin-left:40px;line-height:20px" onmouseout="changeID=setInterval('ChangeBulletin()', changeDelay)" onmouseover="clearInterval(changeID)"></div>
解释：
<div style="MARGIN-LEFT: 10px;MARGIN-TOP: 5px;padding:5px;BORDER-RIGHT: #93b300 1px dashed; BORDER-TOP: #93b300 1px dashed; BORDER-LEFT: #93b300 1px dashed; BORDER-BOTTOM: #93b300 1px dashed; background:#FFFFF;">
定义了一个box,这样table呈虚线。颜色#93b300，浅绿色。为了不要太靠边界，做MARGIN-LEFT: 10px;，从左开始移动10px.
<div style="width:15px;padding:0px;background:url(Plugins/Bulletin/callBoard.png) left top no-repeat; width:36px;height:36px;float:left;"></div>
这个是关于图片显示的宽度，布局位置。
复制内容到剪贴板
程序代码
程序代码<div style="MARGIN-LEFT: 10px;MARGIN-TOP: 5px;padding:5px;BORDER-RIGHT: #93b300 1px dashed; BORDER-TOP: #93b300 1px dashed; BORDER-LEFT: #93b300 1px dashed; BORDER-BOTTOM: #93b300 1px dashed; background:#FFFFF;">
<div style="width:15px;padding:0px;background:url(Plugins/Bulletin/callBoard.png) left top no-repeat; width:36px;height:36px;float:left;"></div>
<div id="bulletinBoard" style="text-align:left;overflow:hidden;margin-left:40px;line-height:20px" onmouseout="changeID=setInterval('ChangeBulletin()', changeDelay)" onmouseover="clearInterval(changeID)"></div>
解释：
<div style="MARGIN-LEFT: 10px;MARGIN-TOP: 5px;padding:5px;BORDER-RIGHT: #93b300 1px dashed; BORDER-TOP: #93b300 1px dashed; BORDER-LEFT: #93b300 1px dashed; BORDER-BOTTOM: #93b300 1px dashed; background:#FFFFF;">
定义了一个box,这样table呈虚线。颜色#93b300，浅绿色。为了不要太靠边界，做MARGIN-LEFT: 10px;，从左开始移动10px.
<div style="width:15px;padding:0px;background:url(Plugins/Bulletin/callBoard.png) left top no-repeat; width:36px;height:36px;float:left;"></div>
这个是关于图片显示的宽度，布局位置。
文章来自: 
引用通告: 
Tags: 
相关日志:
评论: 1 | 引用: 0 | 查看次数: 983
回复
StarFox[2007-06-03 04:29 PM | 
]NA KEYI作为另一个插件使用吗??
发表评论
