某些同学用keso的样式,所以也做一个。这个是选用系统keso这个样式改的,不同以前做的,所以要换的话注意选择,粗粗改了一下CSS,也许还有毛病.
第一步:在自定义CSS贴上以下代码

body{margin:0px;background: #f8f8f8 url("http://bolgimg.b0.upaiyun.com/images/blog_donews_com/dodo/54776/o_blogbg.gif") repeat-x;font-family:ms shell dlg;}
#classnavbar {
    display: none;
}

#nadframe {
    display:none;
}

h1 {margin:0px;
background:url("http://bolgimg.b0.upaiyun.com/images/blog_donews_com/dodo/54776/o_blogheader.gif") no-repeat;height:175px;padding-right:35px;font-family: ms shell dlg;
    font-size:16px;font-weight:bold;border-bottom:6px solid #ADBB88;

}
h1 a:link,h1 a:active,h1 a:hover{color:#0066FF}   
#Header1_HeaderTitle{float:left;padding-top:116px;text-align:right;width:100%}
#main {
    width: 74%;
    position: absolute;
    margin-top: 0px;
    border-right: 1px dotted #000000;
    padding-top: 20px;
    margin-bottom: 10px;
    padding-bottom: 40px;
background:#fff;
}

#rightmenu {
    float: right;

    margin-left: 76%;
    margin-top: 10px;
    padding-left: 0px;
    background-color: transparent;
    position: absolute;
    word-wrap:break-word;
    font-size: 9pt;
}

#footer {
    clear: both;
    width: 100%;
    border-top: none;
    font-size: 8pt;
    padding-top: 5px;
    text-align: center;
    position: relative;
    visibility: hidden;
   display: none;
}

a:visited,
a:active,
a:link {
    color: #0066FF;
    text-decoration: none;
}

a:hover {
    color: #88BBFF;
    text-decoration : underline;
    }

blockquote {
    background: #F9F9F9;
    border: 1px solid #F4F4F4;
    color: #5B5B5B;
    font-size: 10pt;
    font-style: normal;
    line-height: 150%;
    padding: 0px 11px 0px 11px;
}



h1 a:visited,
h1 a:active,
h1 a:link {

}

h1 a:hover {

}

.post {
    padding-left: 40px;
    padding-right: 40px;
    font-size: 14px;
    line-height:200%
}
h5{font-size:14px;font-family:bold}
.postTitle {
    border-bottom: 1px dotted #D6D6D6;
    color: #000000;
    font-size: 14px;
    font-weight: bold;
}

.postText {
    font-size: 14px;
    line-height:180%
}

h3 {
    font-size: 14px;
    border-bottom: 1px dotted #D6D6D6;
    color: #000000;
    background-color: transparent;
}

.listitem {width:180px;
    border-bottom: 1px dotted #E4E4E4;
    padding-bottom: 3px;
    padding-top: 3px;
}

input,
label {
    color: Gray;
    font-family: Verdana;
    font-size: 10pt;
}

input.text {
    width: 381px;
}

li {
    font-size: 10pt;
    font-style: normal;
}
h2{padding: 0px 0px 0px 20px;margin:0}
.dateTitle {
   
    color: #97AC5F;
    font-size: 14px;
    font-weight: bold;
    padding: 0px 0px 0px 20px;
    height:26px;
}

p.date img {
    vertical-align: middle;
}

.postFoot {
    border-bottom: 1px dotted #D6D6D6;
    color: #D3D3D3;
    text-align: right;
    font-size: 9pt;
}

span.highlight {
    background-color: transparent;
}

td {
    font-size: 10pt;
}

textarea {
    color: #000000;
    font-size: 10pt;
    height: 200px;
    width: 300px;
}

#MyLinks1_XMLLink {
    visibility: hidden;
    display: none;
}

#MyLinks1_Syndication {
    visibility: hidden;
    display: none;
}

.CommentForm {
    border-top: 1px dotted #D6D6D6;
    padding-top: 20px;
    color: #A9A9A9;
    padding-left: 70px;
    padding-right: 40px;
    }

#comments {
    color: #888;
    padding-left: 70px;
    padding-right: 40px;
    font-size: 10pt;
}

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

#rightmenu h3 {width:100px;
    background-color: transparent;
    border: none;
    border-bottom: 1px dotted #D6D6D6;
    color: #000000;
    font-size: 12px;
    margin: 10px 0px 0px 0px;
    padding: 2px 5px;
}

#rightmenu ul {
    border: none;
    list-style: none;
    margin: 0px;
    padding: 5px;
    font-size: 9pt;
    line-height:150%;
}

#rightmenu li {
    font-size: 9pt;
}

#tagline {
    color:#FFF;
    font-size: 12px;
    position : absolute;
    top : 152px;
    right : 35px;
    margin : 0px;
    margin-left : 0px;
    font-family:ms shell dlg;
}

.block_title{font-size:14px;font-weight:bold}
.code{float:left;width:90%;padding:10px;border:1px dotted #d9d9d9;background:#f4f4f4;}
.postFoot{clear:both;padding-top:6px}
br{clear:both;}

i {
    font-style: normal;
    color: Green;
}


第二步:在公告栏加入以下代码:

<script>
document.getElementsByTagName("link")[0].disabled=true;
</script>
这段是屏蔽系统自己带的CSS



42条评论

  1. 谢谢.感谢DODO

  2. DODO我试了一下.在1024的屏下页宽.

  3. 感谢DODO。

    顺便问下怎么改变右边导航栏的字体和大小?

  4. 请教dodo,右边的导航栏,能不能改变宽度?也就是调整一下它和正文栏的宽度比例……

  5. DODO,怎么模版十一了?那第十模版在哪里啊?

  6. DODO,怎么模版十一了?那第十模版在哪里啊?

  7. to:郑环,样式表里面#rightmenu 的定义是控制右边的字体和大小的

    to:keepwalking,左边的定义是#main,右边的定义是#rightmenu,修改这2个就可以调整宽度了

    to:临江江,哈,是之十,一起放风筝

  8. 收到!谢谢!

  9. 谢谢,好看的不得了

    可没换成功,主题部分下沉拉,不知道 问题在哪?

  10. 不错,不错.

  11. 你好

    想请教你一些关于模板设置的问题,能否交流一下电子邮件

    我的是benzhu8312@gmail.com

    msn是ruanlch@hotmail.com

  12. 怎么办,模板没换成,也回不到从前了,出现了很多乱码,我删掉了公告栏里的那个句子,也是一样,怎么办?

    DODO能不能帮一下呢?

  13. 七里香,你的BLOG正常啊

  14. 不错,有点创意,不过建议改进一下图片中的色彩配搭,这里有一个类似图片供你参考:

    http://www.hgtv.com

    美国一个专做家居设计节目的电视台网站,首页flash头顶的白云会动,上面的字鼠标移上去会飘(可以用在你的风筝上)。

  15. 你好,用了你的模版后,网页就变成可这个样子,请帮我看一下是怎么回事?

    http://blog.donews.com/taotaomvp/

  16. 能否帮个忙~

    就是我想让我的这页面http://donews.net/yupengfei/

    里面的蓝色沙滩那个图片可以随机显示。

    就像

    http://www.quanjing.com那样。

    不知道我说清楚没有。

    是不是用JS实现??

  17. 补充说明:

    我那个页面是 DISPLAY:NONE;

    了很多东西出来的~

    方法比较苯。

  18. 至尊敬的dodo:您好!我上次的那5个问题因为我更换了您的第10号模版因此撤消,不好意思!我现在有这么几个问题: 1。 如何建立一个"最近更新的20篇blog"的导航栏,例如老白 Http://blog.donews.com/laobai 的那个"最近更新"栏.谢谢!!!

  19. to taotaomvp,默认系统的CSS,你要选择keso这个.

    to:chenta

    我看了老白的代码,应该是在公告栏贴入如下代码,

    把user=laobai换成你的ID

    代码如下:

    <h3>最近更新</h3>

    <SCRIPT LANGUAGE="javascript" SRC=http://js.donews.net/utf8/recent.aspx?user=laobai></SCRIPT>

    <SCRIPT LANGUAGE="JavaScript">

    <!–

    for(i=0;i<donews.length;i++){

    document.write(‘<li><a href="’ + donews[i][0] + ‘" target="_blank">’ + donews[i][1] + ‘</a>&nbsp; ‘ + donews[i][2] + ‘</li>’);

    }

    –>

    </SCRIPT>

    to 束:可以,我回头把JS贴上来.

  20. 我用DW找到了~随机显示图片的JS代码

    // Example:

    // randomImage(['0.gif',50,50,'1.gif',25,25,'2.gif',50,25]);

    // * Dependencies *

    // this function requires the following snippet:

    // JavaScript/Randomizers/randomNumber

    function randomImage(imgArr)

    {

    var imgSrc, imgW, imgH, r;

    r = randomNumber(imgArr.length / 3)-1;

    imgSrc = imgArr[r * 3];

    imgW = imgArr[(r * 3)+1];

    imgH = imgArr[(r * 3)+2];

    document.write(‘<IMG SRC=’+imgSrc+’ WIDTH=’+imgW+’ HEIGHT=’+imgH+’>’);

    }

    但是我没有基础,看不懂。

  21. 请问如何把light风格中的“导航”“blog统计”放到“文章”之后?

    或者象cogitation一样,放在页头的一行上?

  22. ..

  23. DODO大哥:

    请问我的BLOG为什么一设置会出现这个样子?http://blog.donews.net/hubblefish

    可以帮着看看吗?谢谢了

  24. to hubblefish

    10放风筝模板不是按lighy样式改的,是用系统的KESO样式改的,所以那个切换样式不能用.

    setActiveStyleSheet("10")你把10换成1-9的就可以了,或者单独用放风筝这个模板

  25. 迷失的狼missingwolf :放不了

  26. 先谢谢提供这个CSS,我很喜欢

    我换发之后 主题栏本来在右边,现在下沉了,该怎么办?

    我的:http://blog.donews.com/forestchen/

  27. forestchen:给你的BLOG留言了.有一篇BLOG由于贴了HTML代码导致的

  28. 请教:为什么我的博客字体在某些显示器下,字体小得甚至看不清。而某些显示器下又很正常。我应该修改什么吗

    http://blog.donews.com/aoinging/

  29. dodo你好,用了后本来在右边的栏目,现在全部下沉了,什么问题?该怎么办?

  30. 问题同上,怎么办?

  31. DODO,你这里的白很耀眼啊——太耀眼了!

  32. 我借用你做的这个模板.非常的喜欢!

    我有两个问题想请教一下:如何才能把blog里的摘要去掉,直接显示全文?

  33. 忘了说明我的blog地址:http://blog.donews.com/yffeel

  34. 谢谢dodo!

  35. dodo,很喜欢你的这个摸板,但现在最新回复不显示,能帮我看看吗

  36. dodo,请教一个问题。我在公告栏里加了一段google的搜索代码,但是不能用,帮忙看看是什么原因好吗?看了keso的google搜索,不是用的adsense吧?或者是改装了?急需赐教啊!我用的就是这个模板

  37. 用google ad涉及一个编码转换的问题

    还有就是页面本身form的问题

    因为BLOG页面本身页头就开始了一个form,所以,要处理一下公告栏代码内的FORM

  38. 嗯,我知道了,谢谢;)

发表评论

评论也有版权!