Modify the blog template Plus with the CSS/JS code

Source: Internet
Author: User

Prior to css/javascript understand not deep, just the template CSS randomly modified a few properties. Recently just also do a website front end, learned a lot of things, and then to change a ~

The last reason to drubbing, because from the CSS can not find those # and. The corresponding thing control is what, this time not to look at that CSS, directly with the browser developer mode to open the blog, a first-level search, to see what control to change the content of which div, those sluggish silly two font one by one to get rid of:

. Cnblogs_code Pre{font-family:Courier new!important;font-size:16px!important;Word-wrap:Break-word;White-space:Pre-wrap;}. Cnblogs_code span{font-family:Courier new!important;font-size:16px!important;Line-height:1.5!important;}#header H1{Font-weight:Normal;font-size:30px;Line-height:1;}#header H1 a{font-family:"Microsoft Yahei";}#header H1 A:hover{Color:#F60;text-decoration:None;}#blogTitle H2{Font-weight:Normal;font-size:18px;Color:#000000;Line-height:1.5em;Margin-top:10px;Margin-left:30px;width:50%;Margin-left:10em;float: Left;}. C_b_p_desc{Word-wrap:Break-word;Word-break:Break-all;Overflow:Hidden;font-family:"CHARLEMAGNE STD", "Microsoft Yahei";font-size:13px;}. NewsItem{font-family:"Microsoft Yahei";font-size:14px;}#profile_block a{font-family:"CHARLEMAGNE STD", "Microsoft Yahei";}. Posttitle{font-family:"CHARLEMAGNE STD", "Microsoft Yahei";Font:"CHARLEMAGNE STD", "Microsoft Yahei";font-size:16px;}#header{width:1180px;}#main{width:1180px;}#mainContent{width:900px;}#home{width:1180px;margin:0 Auto;}#sidebar_categories{font-family:"CHARLEMAGNE STD", "Microsoft Yahei";Font:"CHARLEMAGNE STD", "Microsoft Yahei";font-size:13px;}
CSS Code

It is a pity that the Greek inscription of the English font many computers do not, from the Internet to let Web pages use a special font method, but need a URL, but I have no place to upload ah, the problem of the solution is still in the study.

Finally, look for the last page of the ad Div, a total of 3, the ID is ad_c1,ad_c2 and ad_ what the record is not up, there are two or three news Div. The first idea is to use JS to see if it can be based on the prefix of the ID getelement what, but seemingly no such function. If the five or six div one by one is set to hide the words are too cute, so I will directly put the entire comment area to hide, anyway, no one will comment, hehe. But here is still to be doubtful, after all, this is not perfect.

<br> <script type= "Text/javascript" > window.onload=function() {     var oa= document.getElementById ("Comment_form");    Oa.setattribute ("hidden", "hidden", 1);} </script>
JavaScript code

It's embarrassing. Hide ads This ability seems to be a one-time, refreshed once lost ... At first it was really hidden, strange. I seem to know what's going on, but I'm not quite sure.

Haha, js no mom on jquery, the window.onpageshow changed to $ (document). Ready (It's done)

Come and bite me, ad June ~

Modify the blog template Plus with the CSS/JS code

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.