我的BLog美化代码

有人问我的博客如何美化的，为了简单我把代码贴出来，关键在用自定义CSS（“选项”->“配置”的“自定义CSS”），用两个背景图片就完了，其他可以自己个性化。注意思下面红色注释，使用时记得去掉，有什么疑问请留言。

1. 自定义CSS
   body{
    background-color: #666666;
    left-margin: 0px;
    right-margin: 10px;
    padding: 0px;
    SCROLLBAR-FACE-COLOR: #FFFFFF;
    SCROLLBAR-HIGHLIGHT-COLOR: #888888;
    SCROLLBAR-SHADOW-COLOR: #888888;
    SCROLLBAR-3DLIGHT-COLOR:#FFFFFF;
    SCROLLBAR-ARROW-COLOR: #888888;
    SCROLLBAR-TRACK-COLOR: #FFFFFF;
    SCROLLBAR-DARKSHADOW-COLOR:#FFFFFF;
   }
   .headermaintitle {
    font-size: x-large;
    color:#FF3333;
    FILTER: dropshadow(color=#ffffff,offx=1, offy=1, positive=1); WIDTH: 100%;
   }
   .midd {
    vertical-align: middle;
   }
   #top {
    BACKGROUND-POSITION: right top;
    BACKGROUND-IMAGE: url(http://blog.csdn.net/images/blog_csdn_net/keminlau/82601/o_blog_banner@Kemin.gif); //这是banner图片
    BACKGROUND-REPEAT: no-repeat;
    HEIGHT: 88px
    VERTICAL-ALIGN: middle; HEIGHT: 75px; BACKGROUND-COLOR: #BB3D00;
   }
   .post {
    background-color: #F7F7F7;
    BORDER-RIGHT: #cccccc 1px solid;
    PADDING-RIGHT: 15px;
    BACKGROUND-POSITION: 50% top;
    BORDER-TOP: #cccccc 1px solid;
    PADDING-LEFT: 15px;
    FONT-SIZE: 9pt;
    MARGIN-BOTTOM: 28px;
    PADDING-BOTTOM: 15px;
    BORDER-LEFT: #cccccc 1px solid;
    COLOR: #000000;
    LINE-HEIGHT: 22px;
    PADDING-TOP: 1px;
    BORDER-BOTTOM: #cccccc 1px solid;
    BACKGROUND-REPEAT: repeat-x;
    background-image: url(http://blog.csdn.net/images/blog_csdn_net/keminlau/82601/o_blog_banner@Kemin_item.gif);  这是每一项的背景图片
   }
   a:link {
    color: #000000;
    text-decoration: none;
   }
   a:visited {
    color: #000000;
    text-decoration: none;
   }
   a:hover {
    color: #000000;
    text-decoration: underline;
   }
   .post H2 {
    FILTER: dropshadow(color=#FFFFFF, offx=1, offy=1, positive=1); WIDTH: 100%;
   }
   .post .postfoot {
    color: #FF6600;
   }
   H5 {
    FILTER: dropshadow(color=#FFFFFF, offx=1, offy=1, positive=1); WIDTH: 100%;
   }
   
2. 静态新闻/声明
   <table><tr><td align="right"><img src="http://blog.csdn.net/images/blog_csdn_net/keminlau/82601/o_Kemin@blog.gif"></td></tr>
   <tr><td><UL><LI><font color="#FF0000">生命如歌:</font>在日复一日不经意的生命之旅中，也不应忘记对生命作出庄严的承诺：不为拥有而欣欣然忘乎所以，不为失去而怅怅然若有所失，以一种平和的心态看待人生，以一种敬畏的态度对待自然，以一种乐观的心情对待苦难和死亡。 
   </UL><td><tr>
   </table>
   <div><table><tr nowrap><td>
   
   <script src="http://www.xcinfo.ha.cn/jsq/default.asp?User=keminlau&Length=6&x=15&y=20&Mode=076"></script></td>
   <td>
   <a href="http://www.fenfang.net/admin"><img src="http://www.fenfang.net/admin/newlinks/images/8831.gif" align="absmiddle"></a></td></tr></table>
   <div><a href="javascript://"><font color="red">I collect many articles,images,music from the Web,I reserved the right for the owner.Contact with me if you get angry! </font></a></div>
   
   <!--XiaoV BLOG网址收藏评测代码 -->
   <script type="text/javascript" src="http://www.meina.net/blogwz/eokcool.asp?id=8082"></script>
   
   <script>
   document.getElementsByTagName("ul")[0].style.display = "none";
   document.getElementsByTagName("h3")[0].style.display = "none";
   document.getElementsByTagName("h3")[1].style.display = "none";
   document.getElementsByTagName("table")[1].height="126 px";
   function onload() {
    for(i=0; i<document.getElementsByTagName("ul")[1].all.tags("a").length; i++){
     if(i%2==0){   document.getElementsByTagName("ul")[1].all.tags("a")[i].style.fontWeight="bold";
      document.getElementsByTagName("ul")[1].all.tags("a")[i].style.color="#4189C8";
     }
     
    }
   }
   document.onreadystatechange = onload;
   </script>