AI专业者开发社区 1 号成员
  •  0 回帖  •  5 浏览  •  4 个月前
   

博客园：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