博客園:CSS & HTML


 

顯示頭像 & 去掉廣告 &  禁止界面上,選中和復制內容!

 

ADD:增加、禁止復制功能!

 

作用在側欄中,顯示頭像 & 去掉文章最下邊的廣告!

做法自定義CSS,攔截廣告模塊;自定義HTML,將html代碼添加上去,實現功能

 

================

 

(一)顯示頭像

1、先獲取到頭像顯示的html代碼

  點擊自己de顯示名,進入用戶頁面,如:

 

 

2、進入“設置”界面

  主頁--> 管理(進入后台)--> 設置

  將剛才copy的html代碼,粘貼到此處!

 

 

(二)去掉廣告

1、同上,進入“設置”界面,將代碼添加到css中,如:

代碼:

/* 去掉廣告 */
#site_nav_under,#ad_under_post_holder,#under_post_news,#google_ad_c2,#under_post_kb
{ width:0; height:0; display:none; overflow:hidden; }

 

2、其他de一些簡單HTML代碼(博客側邊欄公告)

<!-- 添加頭像 -->
<img src="http://pic.cnitblog.com/avatar/591357/20150510230324.png" alt="Bing_Ma的頭像" class="img_avatar" /><br />


<!-- 添加自己的GitHub鏈接 -->
<br />
<div >GitHub: <a href="https://github.com/SpongeBob-GitHub"><span class="s3">SpongeBob</span></a>

<!-- 添加郵箱 -->
<br />E-mail : <a href="mailto:1605319671@qq.com">1605319671@qq.com</a>
</div><br />

 

(三)禁止復制

添加CSS代碼:

/* 禁止頁面,選中 復制 */
html,body{
moz-user-select: -moz-none;
-moz-user-select: none;
-o-user-select:none;
-khtml-user-select:none;
-webkit-user-select:none;
-ms-user-select:none;
user-select:none;
}

 

------

分享: 

[MAC] 一款錄制為gif格式的小軟件:licecap.app |-->Download !

 

================

 

|--> Copyright (c) 2015 Bing Ma.

|--> GitHub RUL: https://github.com/SpongeBob-GitHub

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM