使用CSS/JS代碼修改部落格模板plus

標籤：cli   cti   ora   想法   get   nload   images   for   out   

　　之前對CSS/JavaScript瞭解還不深，只是把模板的CSS胡亂修改了幾個屬性。最近正好也在做一個網站的前端，學習了不少東西，再來改一改~

　　上次最後之所以鎩羽而歸，是因為從CSS裡找不到那些#和.對應的東西控制的都是啥子，這回不在看那個CSS了，直接用瀏覽器的開發人員模式開啟部落格，一級一級找下去，看控制要改的內容的都是哪個DIV，把那些獃滯傻二的字型一一改掉：

.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代碼

　　只可惜這個希臘碑文的英文字型很多電腦上沒有，從網上查了一下讓網頁使用特殊字型的方法，不過需要url，但是我沒地方上傳啊，這個問題的解決方案還在研究當中。

　　最後，找了一下頁面最後的廣告的DIV，一共有3個，id分別是ad_c1,ad_c2和ad_什麼的記不起來了，還有兩三個新聞的DIV。一開始的想法是用JS看看能不能根據id的首碼來getelement什麼的，可是貌似沒有這樣的函數。如果把這五六個DIV一一設定隱藏的話也太萌了，所以我就直接把整個評論區給隱藏了，反正也不會有人評論，呵呵。不過這裡還是要存疑，畢竟這樣並不完美。

 

<img src="//pic.cnblogs.com/avatar/293751/20160902001721.png" alt="丶夕顏的頭像" class="img_avatar"><br><script type="text/javascript"> window.onload=function(){     var oA=document.getElementById("comment_form");    oA.setAttribute("hidden", "hidden",1);}</script>

JavaScript代碼

 　　這就很尷尬了。隱藏廣告這項能力似乎是一次性的，重新整理一次後就失去了......一開始真的是能隱藏的，奇怪。好像明白是怎麼回事，不過說不太清楚。

 　　

 

 

　　哈哈，JS不行老娘就jQuery，把window.onpageshow改成$(document).ready(就搞定了~

　　來咬我啊，廣告君~

                          

 

使用CSS/JS代碼修改部落格模板plus