我的BLog美化代码

原创 2005年02月26日 19:02:00

有人问我的博客如何美化的,为了简单我把代码贴出来,关键在用自定义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>
版权声明:本文为博主原创文章,未经博主允许不得转载。

相关文章推荐

blog旁常用小日历代码部分

*{ margin:0; padding:0; font:10px tahoma; } #calender{ text-align:center; width:287px; font-size:10p...

BLOG代码

  • 2012-06-01 21:14
  • 228KB
  • 下载

java二维码生成与解析代码实现 <转载自http://blog.csdn.net/about58238/article/details/7494704>

二维码,是一种采用黑白相间的平面几何图形通过相应的编码算法来记录文字、图片、网址等信息的条码图片。如下图 二维码的特点: 1.  高密度编码,信息容量大 可容纳多达1850个大写字母或271...

iPhone SDK示例代码(本Blog仅用于备忘记录和回顾,请尊重转载与原创作品之作者的劳动果实)

写Log在Xcode里,点菜单Run>Console就可以看到NSLog的纪录。NSLog(@"log: %@", myString);NSLog(@"log: %f", myFloat);NSLog...

小型BLOG代码实例

内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:深度学习:神经网络中的前向传播和反向传播算法推导
举报原因:
原因补充:

(最多只允许输入30个字)