图片素材来源网上.

还是选LIGHTY样式

body, html {
background:#020202 url(http://www.donews.net/images/www_donews_net/dodo/54776/o_tmpbg92.jpg) no-repeat;
    color: #555555;
    font-family:ms shell dlg;
    font-size:12px;
    margin: 0;
    line-height:150%;padding:0 ;
    text-align:center
  
}
#nadframe{display:none}
form{
margin-right: auto;
margin-left: auto;
font-size:14px;
}

.pagelayout{
    margin: auto;
    padding:0px 0px 0px 0px;
    width: 735px;
    font-size:14px;
    text-align:left;

}
a:visited, a:active, a:link {  
    color : #75824C;
    text-decoration : none;
}

a:hover {
    color: #75824C;
    text-decoration :none;
    border-bottom:1px dotted #333
}

blockquote {
    font-style : italic;
}

#header {

  color: #808080;
  font-size:12px;
  font-family:ms shell dlg;
  padding-top:0px;
  padding-right:20px;
  background:none;
  height:250px ;width:735px
}
#header span{float:left;padding-top:198px;padding-left:100px}
#header #Header1_HeaderTitle{
color: #000000;
 font-size:16px;font-family:arial;line-height:120%;font-weight:bold;color:#D44F3C
}
#main {float:left;padding: 15px 0px 0px 15px;width:540px;font-size:14px;line-height:160%;color: #555555;word-wrap:break-word;

}
#footer{clear:both;border-top:3px solid #c0c0c0;padding-top:10px;text-align:center;font-size:12px}

#menu {clear:both;padding:0;
    float:right;
    width:151px;padding-top:15px;
word-wrap:break-word;
border-left:1px dotted #c0c0c0;padding-left:5px
}
#menu h1 {
color:#808080;font-weight:bold;
    font-size: 12px;
    margin: 0px;
    height:21px;
    border-bottom:1px dotted #808080
}

#menu h3 {
    color:#808080;font-weight:bold;
    font-size: 12px;
    margin: 0px;
    height:21px;
    border-bottom:1px dotted #808080
 
}
#menu ul {
    list-style: none;
    padding: 0px;
    margin: 0px 0px 15px 5px;
    font-size: 12px;
}
#comments{font-size:12px;line-height:150%}
#comments a{font-weight:bold}
.postTitle{font-weight:bold}
.postTitle a,.postTitle a:link,.postTitle a:visited{color:#75824C;font-size:14px}

div,select,input{font-size:12px;word-wrap:break-word;}
div.block {

  font-size: 12px;
  text-align: justify;
}

div.block_footer {

  height: 67px;
}

div.post {
  padding-left: 0px;
}

.dateTitle{color:#808080;font-size:14px;font-weight:bold;line-height:280%}
div.posttitle {
  color: #75824C;
    font-family: "ms shell dlg";
    font-size: 14px;
    font-weight: bold;
}

.posttitle{height:30px;}
div.postText{line-height:160%;font-size:12px;}
.posttitle a:visited, .posttitle a:active, .posttitle a:link { 
    color:#75824C;
    text-decoration : none;
}

.posttitle a:hover {
    color: #75824C;
    text-decoration : none;padding:3px;
    border-bottom:1px dotted #75824C;
}
.postFoot{line-height:120%;border-bottom:1px dotted #808080;font-size:12px;}
div.itemdesc {
  color: #808080;
  font-size: 12px;
    text-transform: uppercase;
}

div.seperator {
 
  background-position: top left;
  background-repeat: no-repeat;
  margin: 15px 0px 10px 0px;
}

div.entrylistitem {
  padding-left: 20px;
  padding-bottom: 10px;
}

a.entrylisttitle, a.entrylisttitle:visited, a.entrylisttitle:link, a.entrylisttitle:active {
  color: #FF6600;
    font-size: 14px;
    font-weight: bold;
}

div.moreinfo {
  font-size: 12px;
  text-align: justify;
}

div.moreinfotitle {
    color: #FF2a00;
    font-size: 12px;
    font-weight: bold;
}

div.comments {
  font-size: 12px
}

div.comment {
font-size:12px;
  border: 0px dotted #DDDDDD;
  margin: 10px 0px 10px 0px;
  padding: 10px;
}

div.comment_author {
  margin: 5px 0px 5px 0px;font-size:12px;
}

div.comment_content {
  margin: 5px 0px 5px 0px;font-size:12px;
}

#postcomment {
    border: 0px solid #DDDDDD;
  font-size: 12px;
  padding: 10px;
  text-align: justify;
  margin-top: 15px;
  width: 435px;
}

#postcomment div {
    color: #808080;
  font-size: 12px;
    font-weight: bold;
  margin: 5px 0px 5px 0px;
}

#postcomment input.text, textarea {
  border: 1px solid #DDDDDD;
  font-size: 12px;
}

input.text {
    width : 300px; 
}

textarea {
    width : 300px;
    height : 200px; 
}

#relatedlinks ul {
    list-style : none;
    margin-left : 10px;
    padding : 0px;
}

h1.block_title{background:none;color:#f7f7f7}
.entrylistitem a.entrylisttitle{color:#75824C}
div.entrylistitem{background:#000}
div.block_footer{background:#000}
span.highlight
{
    background-color:Yellow;     
}
.block_title{font-size:14px;font-weight:bold}
.code{float:left;width:90%;padding:10px;border:1px dotted #75824C;}
.postFoot{clear:both;padding-top:6px}
br{clear:both;}


19条评论

  1. dodo大虾,偶刚刚注册了一个blog,恰巧遇到大虾新些的css,感觉非常符合我的blog的主题。再次非常感谢。

    但是,我的blog却无法正确显示,不知何故?还请指教。

  2. dodo,你太厉害了。偶像啊。

  3. 在你的自定义CSS中的header定义中加入: background:none;

  4. 不要留白色,都好看。全都懂成黑的。

  5. 不要留白色,就好看了。全都弄成黑的。

  6. dodo,有别的模板编几个rss。总是用一个模板。

  7. 偶的显示器较暗,这个模版看起来很吃力。

  8. 有空去我那里看看,我diy了一下你的模板。下次最好写上注释……

  9. 像我这种不会css语言的估计有很多,找了很久没发现模板,多谢dodo大哥啦!

  10. 短学期的软件实习要做网站

    我对做网站一窍不通的,只好上网查资料

    这里很好啊,dodo很热心,我碰到问题再来这里请教啊

    请多关照!

  11. 为什么我的是menu在左边的?怎么才能弄右边去啊

  12. 做个menu在右边的吧。

    我注意看了下,你似乎也只是单纯的把menu放到了右边,其实还是首先载入的。由于你的计数器的关系,导致整个页面载入速度比较慢。

    现在很多人都用计数器,更多的是用js来引用其他的文章,速度很慢,所以最好能找先载入文章,后弄公告进来的模版。那样速度不止于给人看半天的白色。

  13. 颜色太暗的话眼睛看着不爽。

    我比较喜欢满园春色,已经使用你的CSS,非常感谢。

  14. 感谢dodo的模版 感觉符合自己:)

  15. 谢谢了,很喜欢这个模板!!

  16. 请问,我想换这个模板,可是换了显示的怎么都是代码呀???

    能帮帮我么?

    可以去我的blog看看么?

    lovecanon.blog.com.cn

  17. 谢谢,我自己做的CSS怎么就是不好使,还是用你的吧,谢谢

  18. 我用的也是这个模板,

    先谢谢你。。

    不过我的BLOG上的文章顶部为什么有一块是白色的?

    能不能帮我看看。

    再次致谢。

    http://blog.donews.com/6lines

发表评论

评论也有版权!