自定义Blog样式

我首先选用的是Cogitation样式，然后自己修改样式。

样式是代码如下：

<style type="text/css">
<!--
body  {...} {
    font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
    
    scrollbar-face-color:lightsteelblue;
    scrollbar-arrow-color: #ffffff;
    scrollbar-track-color: #dee4ef;
    scrollbar-shadow-color:blue;
    scrollbar-3dlight-color: #f33366;
    OVERFLOW: auto;
    background-repeat:repeat;
    background-attachment:fixed;

    padding-right: 32px; padding-left: 32px; background: #eee; padding-bottom: 32px; margin-left: 15px; color: #000; margin-right: 15px; 
    padding-top: 12px;
}

/**/ /*段落*/
p
{...} {
    font-size: 14px;
    font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
    line-height:150%;
    text-indent:28px;
    margin: 10px 0px;
    text-align:justify;
}

/**/ /*超链接*/
a:visited,
a:active,
a:link  {...} {    
    color: Navy;
    text-decoration : none;
}
a:hover  {...} {
    text-decoration : underline;
    color:#FF300F;
}

/**/ /*标题样式*/
h1  {...} {
    margin : 0px;
    color:#0000FF;
    font-size:28px;
}
h1 a:visited,
h1 a:active,
h1 a:link  {...} {
    color : #000;
}
h1 a:hover  {...} {
    color : #00047F;
    text-decoration : none;
}
h2  {...} {
    margin-top : 10px;
    font-size : 1em;
}
h3  {...} {
    font-size : 1.2em;
}

/**/ /*头部*/
#top 
{...} {
    background-image:url("https://p-blog.csdn.net/images/p_blog_csdn_net/windy83/261307/o_Kym_banner.jpg");
    background-repeat:repeat-x;
    color : WhiteSmoke;
    padding: 0px;
    height:160px;
    margin-left: 0px; 
    margin-right: 0px;
}

/**/ /*剑心博客　4个字的样式*/
.headermaintitle
{...} {
color:#0000FF;
font-size:28px;
}

/**/ /*定制头部副标题样式*/
#tagline  {...} {
    font-size : 1em;
    margin : 10px;
    color:#6699FF;
}

/**/ /*标题超链接样式*/
.HeaderTitles a:visited,
.HeaderTitles a:active,
.HeaderTitles a:link,
.HeaderTitles a:hover
{...} {
    color: #0000FF;
    text-decoration : none;
    font-weight:bold;
}

.HeaderBar a:visited,
.HeaderBar a:active,
.HeaderBar a:link
{...} {
    color: WhiteSmoke;
    text-decoration: none;
    font-weight: normal;
}

/**/ /*状态栏,即多少篇文章之类的*/
/**/ /*
.BlogStatsBar
{
    text-align:right;
    font-weight: normal;
    font-size: 7pt;
    color: Silver;
    border-collapse:collapse;
}
*/
/**/ /*引用块*/
blockquote  {...} {
    font-style : italic;
    background-color:#CCCCCC;
}

div.post
{...} {
    border-right: gainsboro 2px solid;
    border-top: gainsboro 2px solid;
    border-left: gainsboro 2px solid;
    border-bottom: gainsboro 2px solid;
}
/**/ /*相关文章标题和回复标题*/
div.postTitle
{...} {
    padding-left: 3px;
    font-weight: bolder;
    font-size: 10pt;
    padding-bottom: 3px;
    padding-top: 3px;
    border-bottom: gainsboro 1px solid;
    background-color: whitesmoke;
}
/**/ /*回复(评论),相关文章和文章摘要的样式*/
div.postText
{...} {
    padding-right: 10px;
    padding-left: 3px;
    font-size: 14px;
    padding-bottom: 3px;
    padding-top: 3px;
}
/**/ /*发表于　几个字的样式*/
div.postFoot
{...} {
    background-color: WhiteSmoke;
    border-top: gainsboro 1px solid;
    font-size: 9pt;
    padding-right: 3px;
    padding-left: 3px;
    padding-bottom: 1px;
    padding-top: 1px;
    text-align: right;
}

/**/ /*左边栏菜单*/
#leftmenu  {...} {
    position : absolute;
    left : 45px;
    width : 180px;
    height:auto;
    word-wrap: break-word;
    table-layout: fixed;
    background-color: WhiteSmoke;
    padding-top: 5px;
    font-style:normal;
}

#leftmenu h3  {...} {
    font-size : 0.8em;
    margin : 0px;
    margin-top : 10px;        
    padding-bottom: 2px;
    padding-left: 3px;
    border-top: solid 1px Gainsboro;
}
/**/ /*文章类别*/
#leftmenu ul  {...} {
    list-style: none;
    margin : 0px;
    padding-left : 5px;
    margin-left : 5px;
    margin-bottom : 10px;
    font-size : 9pt;
}

#leftmenu ol
{...} {
    padding-left: 5px;
    list-style-position: inside;
    font-size: 9pt;
    margin: 0px 5px 10px;
    list-style-type: decimal;
}

#leftmenu li
{...} {
    font-size: 9pt;
    margin-bottom: 5px;
    WORD-BREAK: break-all;
    WORD-WRAP: break-word;
}

/**/ /*左边栏超链接*/
#leftmenu a:hover
{...} {
    font-style:normal;
}

/**/ /*右边文章索引*/
#main  {...} {
    font-size:12px;
    margin-left : 180px;
    margin-right:0px;
    background-color : #FFFFFF;
    padding : 10px;
    border-left : 1px solid #555;
    border-bottom : 4px solid Black;
}

/**/ /*隐藏的样式*/

/**/ /*底部的copyright*/
#footer  {...} {display:none;}
/**/ /*文章正文底部的广告*/
#tagad  {...} {display:none;}
/**/ /*主框中所发表文章上部的日期*/
div.entrylist {...} {display:none;}
/**/ /*头部导航栏*/
#HeaderBar {...} {display:none;}
/**/ /*广告*/
#csdn_zhaig_ad_yahoo {...} {display:none;}
/**/ /*自定义的聊天室*/
#chatroom {...} {display:none;}

/**/ /*标题栏的个人档案*/
/**/ /*#Header1_MyLinks1_PersonalResume{display:none;}*/
/**/ /*侧栏公告里那个狗狗rss工具的图标*/
/**/ /*#leftmenu a img{display:none;}*/

/**/ /*评论表单题目和内容样式*/
input, textarea
{...} {
    font-size: 1.0em;
    font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
    color:#FF9900;
}
/**/ /*评论表单的提示字样式*/
.CommentForm
{...} {
    font-size: 9pt;
    color:#000000;
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}

/**/ /*提交按钮*/
.Button
{...} {
    color:#000000;
    font-size:14px;
    word-spacing:28px;
    background-color:menu;
}
/**/ /*作者tag和CSDN 推荐tag*/
.Tag {...} {font-size:14px;padding:5px 0 5px 6px;}
.Tag span  {...} { float:left; font-size:12px;}
.Tag ul {...} { float:left; list-style-type:none;margin:0 0 0 4px;padding:0;}
.Tag li {...} { float:left; font-size:12px; line-height:20px;padding:0 15 0 0px;}
.Tag li a {...} {text-decoration:none;}
.Tag li a:hover {...} {text-decoration:none;}

-->
</style>

 

公告栏代码：

< table  align ="center"  width ="180"  border ="0" >< caption > 欢迎良师指导益友交流 </ caption >
< tr >< td   align ="center" >  
<!--
<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,0,0" width="180" height="180"><param name="allowScriptAccess" value="sameDomain"><param name="movie" value="http://download-v5.streamload.com/9e39ae0d-dd02-4b26-881b-81002044656d/powerwind/Hosted/sasa.swf"><param name="quality" value="high">
<param name="bgcolor" value="WhiteSmoke">
<embed height="180" width="180" src="http://download-v5.streamload.com/9e39ae0d-dd02-4b26-881b-81002044656d/powerwind/Hosted/sasa.swf" quality="high" bgcolor="#ffffff" width="550" height="400" allowScriptAccess="sameDomain" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" /></object>
-->
< img  src ="https://p-blog.csdn.net/images/p_blog_csdn_net/windy83/261307/o_kym_moon.jpg"  width ="180" />
</ td ></ tr >
< tr >< td  align ="center" >
< a  target ="_blank"  href ="http://blog.csdn.net/Windy83/archive/2006/10/21/1344156.aspx" > 我的聊天室 </ a ></ td ></ tr >
<!--
<tr><td>
<IFRAME id="chatroom" border=0 src="http://say-on.com/webchat/?color=6600FF&title=Chat%20together&roomid=blog.csdn.net/windy83" frameBorder=0 width="100%" scrolling=no height=360></IFRAME>
</td></tr>
-->
< tr >< td > 广告位招租，价格优惠 </ td ></ tr >
  </ table >

有空的时候再慢慢玩。