csdn博客技巧
1.去掉 "相 关 文 章"
原理：用javascript 定位到相 关 文 章的tag,然后修改其css,你在用这段代码的时候请把字符串中的空格去掉。 .
<SCRIPTlanguage=javascript>
function hidden_related_topics()
{
var obj =document.getElementsByTagName('div');
var cnt,i;
var str,html='';
// find the "相 关 文 章" tag
for(cnt=0;cnt<obj.length;cnt++)
{
str = obj[cnt].innerHTML;
if(obj[cnt].className == "post" && str.indexOf("相 关 文 章") != -1
&& obj[cnt].id =="")
{
obj[cnt].style.display ='none';// do not display it
}
}
}
// call function hidden_related_topics when the brower finish to load page
window.attachEvent("onload",hidden_related_topics);
</SCRIPT>
2.去掉＂特别推荐＂
完全就是广告嘛，隐藏！#csdn_zhaig_ad_yahoo{
display:none;
}
3.去掉 Tags
原理:利用css
Tag 确实方便，比较有用，不过csdn 的tag的排版不太雅观，另外中文分词技术也还有待提高．暂时把它隐藏起来．
.Tag{
display:none;
}
4.去掉CSDN的Footer
做人厚道一点，我还是把这个footer保留了．#footer
{
display:none;
}
5.增加导航功能
CSDN导航的文章分类以及被挤到页面下边了，需要滚动滚动条才能够看见，很不方便．于是增加一个导航条．除了下面的代码外，还可以添加相关的css美化一下。
function create_navigator()
{
var nav_html = '<divid="navigator">';
nav_html += '<ul>';
nav_html += '<li><ahref="http://blog.csdn.net/shaohui">博客首页</a></li>';
nav_html += '<li> <ahref="#">资源索引</a> </li>';
nav_html += '<li> <ahref="http://www.shaohui.org">伪程序员</a> </li>';
nav_html += '<li> <ahref="http://blog.csdn.net/shaohui/category/61842.aspx">作品</a> </li>';
nav_html += '<li> <ahref="http://blog.csdn.net/shaohui/archive/2005/01/02/237488.aspx">留言板</a> </li>';
nav_html += '</ul>';
nav_html += '</div><br>';
var obj = document.getElementById("main");
obj.innerHTML = nav_html + obj.innerHTML;
}
//页面加载完成以后才执行
window.attachEvent("onload",create_navigator);
6.去掉博主的状态显示
csdn增加的这个功能很漂亮，但是一点也不实用，cut掉。
#imgTitleIsOnline
{
DISPLAY: none
}
.UserStatus
{
DISPLAY: none
}
A：在blog中加入以下css代码：
#tagad {
DISPLAY: none
}
http://blog.csdn.net/shaohui/archive/2006/08/04/1020117.aspx
Q：为什么写新文章会有个ActiveX控件弹出来？
A：WORD编辑器的控件：
http://blog.csdn.net/blogdevteam/archive/2006/08/10/1047009.aspx
为Blog做一个计数器
http://blog.csdn.net/shaohui/archive/2006/06/26/836398.aspx
用JavaScript解决相册不能正常显示问题
http://blog.csdn.net/shaohui/archive/2006/09/24/1271121.aspx
/* 中间的主版面 */
body{
background: url("http://p.blog.csdn.net/images/p_blog_csdn_net/snailjava/278448/o_070211wall6.png");
/*
cursor: url('http://webme.bokee.com/inc/mouse020.ani');
font-size: 0.8em;
font-family: Geneva, Arial, Helvetica, sans-serif;
*/
}
/* 评论相关，设置这个值是为了透明背景 */
.commentsTable{
background-color: #000;
}
/* 文章连接和日期的字体 */
div.postTitle{
font: 10pt/12pt "Arial" normal;
color: organge;
}
div.postFoot{
font: 10pt/12pt "Arial" normal;
color: black
}
div.entrylist{
font: 10pt/12pt "Arial" normal;
color: black
}
/* 首页的透明度 */
table.Framework{
filter:alpha(opacity=90);
}
td.MainCell{
background-color: transparent;
}
#main{
//filter:alpha(opacity=70);
filter:blur(strength=50) flipv() ;
background-color: transparent;
}
#main div{
background-color: transparent;
}
/* banner上的背景图 */
#top table{
height: 100%
background-image: url(http://p.blog.csdn.net/images/p_blog_csdn_net/snailjava/277337/o_070206CplusplusPrimer.jpg)
}
/* 隐藏“标语”，我用了自己的图作背景
.headerText{
display:none;
}
*/
/* 最上面的整个Banner*/
.header{
border:none;
height:200px;
background: url("http://p.blog.csdn.net/images/p_blog_csdn_net/dl88250/260239/o_Banner_.jpg") no-repeat;
}
/* 设置域为a中的文本
a{
font-family : 华文彩云;
font-size:17px;
color: darkgreen;
text-decoration: none;
}
a:link{
color: mediumvioletred;
text-decoration: none;
}
a:visited{
color: #990066;
text-decoration: none;
}
a:active{
color: #660066;
}a:hover{
color: #660066;
text-decoration: underline;
}
*/
/*左边导航栏内容*/
#leftcontent{
border:none;
widht:300px;
padding-top: 99;
background-color: transparent;
}
/* “文章”、“相册”等
.listtitle{
font-family: 华文行楷;
color: #6666CC;
background: none;
}
*/
/* 不显示WMP播放器，关于播放器的设置是在HTML里做的 */
#MediaPlayer{
display:none;
}
/* 整个文章的内容栏
#centercontent{
padding-top:0;
font-size:100px;
}
*/
/* 日历表，现在我用的是模板带的 */
.CalTitle{
background-color: transparent;
}
.CalDayHeader{
color: #993366;
font-family:华文彩云;
background-color: transparent;
}
.entrylist{
background-color: transparent;
font-family:华文行楷;
font-size:130%;
color:green;
border:none;
}
/* 整个版面表的设置
table{
filter:alpha(opacity=90);
border-collapse : collapse;
}
*/
/* CSDN首页、CSDN社区、CSDN技术中心等等东西 */
#mytopmenu{
display:none;
}
#mylinks{
display:none;
}
/* 页面最下方的Powered by */
.footer{
display:none;
}
/* 隐藏“特别推荐” */
#csdn_zhaig_ad_yahoo{
display:none;
}
/* 评论栏相关
#comments{
padding-left: 40px;
font-size: 10pt;
background-color: #000;
}
#CommentForm{
background-color: #000;
width:500;
background: url("http://p.blog.csdn.net/images/p_blog_csdn_net/dl88250/260239/o_%e8%af%84%e8%ae%ba%e8%83%8c%e6%99%af.gif
") no-repeat;}
*/
/* 公告栏
.newsItem{
font-family: 华文行楷;
color:red;
}
*/
/* 所有img图
img{
filter: invert();
}
*/
/* 文章正文
.post{
border: dotted #663333;
background-color: #000;
padding-bottom: 5px;
padding-top: 5px;
line-height:120%;
color: chocolate;
}
.postFoot{
color:#33CCFF;
}
*/
/* 文章摘要
.postText{
color:chocolate;
}
*/
/* 框架表格边框设定 */
table.Framework{
position: absolute;
border-color: black;
border-width: 10px 10px 10px 10px;
border-style: groove;
}
/* banner上的图 */
#top table tr td{
background: url("http://p.blog.csdn.net/images/p_blog_csdn_net/snailjava/278448/o_070211banner2.jpg");
background-color : black
}
#top table tr{
background-color : black
}
#top table{
background-color : black
}
#top{
background: url("http://p.blog.csdn.net/images/p_blog_csdn_net/snailjava/278448/o_070211banner2.jpg");
height:50;
background-color : black
}
/*
div.BlogStats{
display:none;
}
*/