首頁 > web前端 > html教學 > CSS & HTML的详细介绍

CSS & HTML的详细介绍

PHP中文网
發布: 2017-04-01 16:53:51
原創
1477 人瀏覽過

显示头像 & 去掉广告 &  禁止界面上,选中和复制内容!

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

作用在侧栏中,显示头像 & 去掉文章最下边的广告!

做法自定义CSS,拦截广告模块;自定义HTML,将html代码添加上去,实现功能

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

(一)显示头像

1、先获取到头像显示的html代码

  点击自己de显示名,进入用户页面,如:

 

 

2、进入“设置”界面

  主页--> 管理(进入后台)--> 设置

  将刚才copy的html代码,粘贴到此处!

 

 

(二)去掉广告

1、同上,进入“设置”界面,将代码添加到css中,如:

代码:


{:;:;:;:;
}
登入後複製

2、其他de一些简单HTML代码(博客侧边栏公告)


<!-- 添加头像 --><img src="http://pic.cnitblog.com/avatar/591357/20150510230324.png" alt="Bing_Ma的头像"
 class="img_avatar" /><br /><!-- 添加自己的GitHub链接 --><br />
 <p >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></p><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;
}
登入後複製

 以上就是 CSS & HTML的详细介绍的内容,更多相关内容请关注PHP中文网(www.php.cn)!


相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
作者最新文章
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板