CSS style V3 of the csdn blog

Source: Internet
Author: User

Copyright statement: original works can be reproduced. During reprinting, be sure to mark them as hyperlinks. Article Original publication, author information, and this statement. Otherwise, legal liability will be held. Http://blog.csdn.net/mayongzhan-ma yongzhan, myz, mayongzhan

A V3 is generated every day.
Fixed a bug where the content width on the left side of Firefox was incorrect.
Modified several things
The search on the right is by default the search for your own blog,
Hide personal information on the left, blog statistics,
The buttons added to the favorites are grayed out,
Add the next article in the previous article to the title,

For details, see red letter.

# 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 ;}

Below is what CSS cannot solve, so we need to use js to solve it.
Reference Google's jquery first. You can also reference jquery on your own site.
By the way, there is another highlighter. js
Csdn actually used this, and it was a mess, seriously affecting my Js. However, this is still a small problem,
The big problem is that the JS file written by csdn has an incorrect document. there was a syntax error in the Write statement. They still don't know it. It's depressing. let it go. When they find out, my stuff will be normal.

<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 ('Access times, ranking'): First" Login .html ("");
$ JQ ("DT: Contains ('Id: '): First span" ).html ("");
$ JQ ("DT: Contains ('Article '): First" ).html ("");
$ JQ ("DD: Contains ('original'): First" ).html ("");
$ JQ ("DD: Contains ('translation'): First" ).html ("");
$ JQ ("DD: Contains ('reprinted '): First" ).html ("");
$ JQ ("DD: Contains ('comments'): 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_previusandnextentriesdown ");
If (blognextprev.html ()! = NULL ){
Blogtitle.html(blogtitle.html () + "<div> </div> <div>" + blognextprev.html () + "</div> ");
}
Using jq('.fav_csdnstylebykimi'apps.css ("color", "#999999 ");
Using jq('.fav_csdnstylebykimi'developer.css ("font-weight", "normal ");
});
</SCRIPT>

Related Article

Contact Us

The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion; products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the content of the page makes you feel confusing, please write us an email, we will handle the problem within 5 days after receiving your email.

If you find any instances of plagiarism from the community, please send an email to: info-contact@alibabacloud.com and provide relevant evidence. A staff member will contact you within 5 working days.

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.