我首先选用的是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>
<!--
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 >
有空的时候再慢慢玩。