当前位置: 首页 > 图文教程 > 网络编程 > Javascript > csdn 博客的css样式 v3

Javascript
将HTML自动转为JS代码
一端时间轮换的广告
制作特殊字的脚本
美化下拉列表
文字幻灯片
判断是否输入完毕再激活提交按钮
JS控制表格隔行变色
左右两侧的广告代码 简单
父窗口获取弹出子窗口文本框的值
网页的标准,IMG不支持onload标签怎么办
一个很简单的办法实现TD的加亮效果.
文本框栏目介绍
自动检查并替换文本框内的字符
会自动逐行上升的文本框
列表内容的选择
对textarea框的代码调试,而且功能上使用非常方便,酷
提高代码性能技巧谈—以创建千行表格为例
Javascript的IE和Firefox兼容性汇编
让插入到 innerHTML 中的 script 跑起来
DEFER怎么用?

Javascript 中的 csdn 博客的css样式 v3


出处:互联网   整理: 软晨网(RuanChen.com)   发布: 2009-10-12   浏览: 85 ::
收藏到网摘: n/a

仅相隔一天就出了个v3。 修正了一个bug,firefox左侧内容宽度错误。 版权声明:原创作品,允许转载,转载时请务必以超链接形式标明文章原始出版、作者信息和本声明。否则将追究法律责任。http://blog.csdn.net/mayongzhan - 马永占,myz,mayongzhan

仅相隔一天就出了个v3。
修正了一个bug,firefox左侧内容宽度错误。
修改了几个东西
右上的搜索默认为搜自己博客的,
左边隐藏个人信息,博客统计,
收藏的按钮变灰,不加粗,
上一篇下一篇加到标题下面,

详见红字

#SubscriptionList {display:none;}
#csdnblog_sidebar {width:200px;}
#csdnblog_sidebar div.gutter{width:100%;margin:0px;}
.aboutauthor{padding:0px;border-left:0px;border-bottom:0px;border-top:0px;border-right:1px dotted #AAA;}
#csdnblog_content {width:800px;}
#csdnblog_allwrap {min-width:1000px;}
.publiclist_sidebar ul li {margin:0px;padding:0px;}
.publiclist_sidebar ul li a {margin:0px;padding:0px;}
.user_article h1 img{display:none;}
.user_article p{text-indent:0em;}
.blogstory p{text-indent:0em;}
.aboutauthor{width:200px;}

以下是css解决不了的,所以要使用js解决.
先引用google的jquery,引用自己站的jquery也行。
对了还有一个highlighter.js
csdn竟然用了这个,而且用的一塌糊涂,严重影响了我的js.不过这个还是小问题,
大问题是竟然csdn写的js有错误document.write里面竟然有语法错误,他们自己还不知道,郁闷啊.忍了,等他们发现,我的这个东西就正常了.


<script language="javascript" type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3/jquery.min.js">
</script>
<script type="text/javascript" src="/SyntaxHighlighter/jquery.highlighter.js"></script>
<script language="javascript" type="text/javascript">
$jQ = jQuery;
$jQ("dd:contains('次访问,排名'):first").html("");
$jQ("dt:contains('ID:'):first span").html("");
$jQ("dt:contains('的文章'):first").html("");
$jQ("dd:contains('原创'):first").html("");
$jQ("dd:contains('翻译'):first").html("");
$jQ("dd:contains('转载'):first").html("");
$jQ("dd:contains('评论'):first").html("");
$jQ("#Search_ddlSearchScope > option[value!='all']").attr("selected","true");
$jQ(document).ready(function(){
var blogTitle = $jQ('.user_article > h1');
var blogNextPrev =$jQ("#Post\\.ascx_ViewPost_PreviousAndNextEntriesDown");
if (blogNextPrev.html() != null) {
blogTitle.html(blogTitle.html() + "<div> </div><div>" + blogNextPrev.html() + "</div>");
}
$jQ('.fav_csdnstylebykimi').css("color","#999999");
$jQ('.fav_csdnstylebykimi').css("font-weight","normal");
});
</script>