Typecho自定义右键菜单美化和禁用F12

季春二九

已于 2024-01-09 11:15:37 修改

阅读量465

点赞数 10

CC 4.0 BY-SA版权

分类专栏： Typecho教程合集文章标签： typecho

于 2024-01-09 11:14:08 首次发布

本文链接：https://blog.csdn.net/qq_42123284/article/details/135471713

本文介绍了如何通过自定义JavaScript代码实现右键菜单的美化以及禁用浏览器的F12审查元素功能，以提升网站用户体验和保护网站源码安全。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

右键美化

使用右键美化，请禁用 HoerMouse 鼠标美化插件，否则貌似没效果
微信截图_20230330130901.png

Joe主题在后台-外观设置-设置外观-全局设置-自定义<body></body>标签内填入如下代码：

<!-- 调用js -->
<script src="https://blog.jichun29.cn/folder/layer.js"></script>
<!-- 自定义右键菜单美化 -->
  <style type="text/css">
    a {
   
   text-decoration: none;}
    div.usercm{
   
   background-repeat:no-repeat;background-position:center center;background-size:cover;background-color:#fff;font-size:13px!important;width:130px;-moz-box-shadow:1px 1px 3px rgba
(0,0,0,.3);box-shadow:0px 0px 15px #333;position:absolute;display:none;z-index:10000;opacity:0.9; border-radius: 8px;}
    div.usercm ul{
   
   list-style-type:none;list-style-position:outside;margin:0px;padding:0px;display:block}
    div.usercm ul li{
   
   margin:0px;padding:0px;line-height:35px;}
    div.usercm ul li a{
   
   color:#666;padding:0 15px;display:block}
    div.usercm ul li a:hover{
   
   color:#fff;background:rgba(170,222,18,0.88)}
    div.usercm ul li a i{
   
   margin-right:10px}
    a.disabled{
   
   color:#c8c8c8!important;cursor:not-allowed}
    a.disabled:hover{
   
   background-color:rgba(255,11,11,0)!important}
    div.usercm{
   
   background:#fff !important;}
    </style>
<div class="usercm" style="left: 199px; top: 5px; display: none;">
    <ul>
        <li><a href="https://blog.jichun29.cn/"><i class="fa fa-home fa-fw"></i><span>首页</span></a></li>
        <