公告

我的分类(专题)

日志更新

最新评论

留言板

链接

Blog信息







如何美化日历
help 发表于 2006-11-4 9:40:00



日历所在的层 #calendar 系统已经指定了,不必另外添加即可开始定义。

<style type="text/css">
<!--
#calendar{
    width:180px;    /* 日历的宽度为180px */
    margin-left:5px;    /* 左边距5px */
    border:1px solid #ECF4F6;    /* 边框宽1px 实线 颜色为#ECF4F6 */
}
caption{    /*定义日历顶部月份*/
    background-color:#ECF4F6;    /* 背景颜色为#ECF4F6 */
    line-height:20px;    /* 行高为 20px */
    font-weight:bold;    /* 粗体 */
    font-family:Georgia, "Times New Roman", Times, serif;   /* 字体 */
}
th{    /* 定义星期 */
    border-bottom:1px solid #ECF4F6;    /* 底边线 宽度1 px 实线 颜色为#ECF4F6 */
    background-color:#FCFDFE;    /* 背景颜色为#FCFDFE */
}
#calendar table {
   border-collapse: collapse; /*合并表格相临边框*/
}

/*  这个日历没有进行定义的内容包括: */

#calendar td{} /* 日历单元格样式 */

#calendar a{} /* 有日志的号数样式(链接样式) */

#calendar a:hover{} /* 鼠标经过日历有链接的号数的样式 */

-->

</style>

以上经过修改可以直接复制到模板里。

还有其他一些,比如日历整体的字体定义等等

没有定义的直接沿用模板的整体定义 body{} a{} a:hover{}等等。

如果你的模板没有日历 可以自己将标签

添加到适当的位置。


阅读全文 | 回复(0) | 引用通告 | 编辑
 


  • Tags:Blog 日历