csdn部落格的css樣式 v12

來源:互聯網
上載者:User

著作權聲明:原創作品,允許轉載,轉載時請務必以超連結形式標明文章原始出版、作者資訊和本聲明。否則將追究法律責任。http://blog.csdn.net/mayongzhan - 馬永占,myz,mayongzhan

 

上次想要搞掉csdn在部落格上的廣告,未果,因為csdn在廣告上加了最狠毒的element.style,導致一切外加的樣式由於優先順序問題而失效。

經過調試我把樣式放到頁面載入完成裡執行,結果還是不行,仔細檢查代碼,發現csdn把廣告的彈出放到統計的js裡了。

統計js中間有一段代碼調用了另外一個真正的廣告彈出代碼,最後發現這段代碼的執行也是在載入完成後執行。如果想要屏蔽代碼,只能延時執行隱藏的代碼,這樣不太好,因為會看到廣告閃了一下(其實也是一種增加PV的方法,有的使用者覺得有東西閃了一下,由於好奇而再次重新整理頁面…),所以此種方法不可行。

繼續尋找方案,最終發現了可以屏蔽廣告代碼的方法,由於廣告的展示涉及到csdn廣告的收入,具體的實施在此不予以表明,只提供關鍵的思考切入點:廣告代碼的element.style!!!

 

 

以下樣式代碼基於上一版本,未做修改。

 

 

完整的樣式如下

 

#csdnblog_allwrap {width:1000px;}
#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_content div.gutter{}
.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;}

<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('img[alt^="XML"]:first').replaceWith("");
$jQ("#Search_ddlSearchScope > option[value!='all']").attr("selected","true");
$('#userInfo').replaceWith('<dt style="text-align: left;">使用者資訊</dt><dd class="middle"><a href="http://blog.csdn.net/mayongzhan"><img alt="" src="http://avatar.profile.csdn.net/3/6/3/1_mayongzhan.jpg"/></a></dd><span  style="display:none;"><span id="userInfo"></span></span>');
$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>&nbsp;</div><div>" + blogNextPrev.html()  + "</div>");
}
if ($jQ('#csdnblog_content > .gutter > script').length != 0) {
var csdnTempScriptSrc = $jQ('#csdnblog_content > .gutter > script')[0].src;
if (csdnTempScriptSrc == 'http://blog.csdn.net/javascript/PrintNotice.js' || csdnTempScriptSrc == '/javascript/PrintNotice.js') {
$jQ("script ~ .default_contents:first").css('display','none');
}
}
});
</script>

 

相關文章

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.