8miu博客技巧

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

原理:利用cssTag 确实方便，比较有用，不过csdn 的tag的排版不太雅观，另外中文分词技术也还有待提高．暂时把它隐藏起来．

.Tag{　 display:none; }

4.去掉的Footer

做人厚道一点，我还是把这个footer保留了．

#footer{　 display:none; }

<／code>

5.增加导航功能

导航的文章分类以及被挤到页面下边了，需要滚动滚动条才能够看见，很不方便．于是增加一个导航条．除了下面的代码外，还可以添加相关的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}

1． 更改滚动条颜色 用CSS <STYLE> BODY { SCROLLBAR-FACE-COLOR: #fcfcfc;  SCROLLBAR-HIGHLIGHT-COLOR: #6c6c90;  SCROLLBAR-SHADOW-COLOR: #fcfcfc;  SCROLLBAR-3DLIGHT-COLOR: #fcfcfc;  SCROLLBAR-ARROW-COLOR: #240024;  SCROLLBAR-TRACK-COLOR: #fcfcfc;  SCROLLBAR-DARKSHADOW-COLOR: #48486c;  SCROLLBAR-BASE-COLOR: #fcfcfc } </STYLE>   2.增加自动滚屏的功能，当用户双击空白的时候自动滚屏或者停止滚屏 用JavaScript <SCRIPT> try{        var currentpos,timer;        function initialize()        {               timer=setInterval('scrollwindow()',10);        }        function sc(){               clearInterval(timer);        }        function scrollwindow()        {               currentpos=document.body.scrollTop;               window.scroll(0,++currentpos);               if (currentpos != document.body.scrollTop)               sc();        }        document.οnmοusedοwn=sc;        document.οndblclick=initialize; } catch (exceptionObj) { } </SCRIPT>   Q：去掉Blog页面广告A：在blog中加入以下css代码：#tagad {DISPLAY: none}  http://blog.csdn.net/shaohui/archive/2006/08/04/1020117.aspxQ：为什么写新文章会有个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("https://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