WordPress给网站右键添加自定义的按钮美化_黑猫博客

发布于:2022-11-08 ⋅ 阅读:(528) ⋅ 点赞:(0)

将下面的 PHP 代码加入到主题目录下:themes/footer.php 文件中。其他的主题和网站添加方式一样的,只需要添加网站全局引用的文件当中就行,或者 footer.php 文件中,自行修改一下首页和百宝箱的链接改为自己的即可


 

<!--网站右键美化-->

<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="/"><i class="fa fa-home fa-fw"></i><span>首页</span></a></li>

<li><a href="javascript:void(0);" οnclick="getSelect();"><i class="fa fa-copy fa-fw"></i><span>复制</span></a></li>

<li><a href="javascript:history.go(1);"><i class="fa fa-arrow-right fa-fw"></i><span>前进</span></a></li>

<li><a href="javascript:history.go(-1);"><i class="fa fa-arrow-left fa-fw"></i><span>后退</span></a></li>

<li style="border-bottom:1px solid gray"><a href="javascript:window.location.reload();"><i class="fa fa-refresh fa-fw"></i><span>刷新</span></a></li>

<li><a href="javascript:void(0);" οnclick="baiduSearch();"><i class="fa fa-paw fa-fw"></i><span>百度一下</span></a></li>

<li><a href="javascript:void(0);" οnclick="googleSearch();"><i class="fa fa-google fa-fw"></i><span>谷歌</span></a></li>

<li style="border-bottom:1px solid gray"><a target="_blank" href="https://www.lt2.cc/"><i class="fa fa-refresh fa-fw"></i><span>黑猫博客</span>

<li><a href="https://www.lt2.cc/gywm" οnclick="googleSearch();"><i class="fa fa-google fa-fw"></i><span>关于我们</span></a></li>

<li><a href="https://www.lt2.cc/mzsm" οnclick="googleSearch();"><i class="fa fa-google fa-fw"></i><span>免责声明</span></a></li>

</a></li>

</ul>

</div>

<script type="text/javascript">

(function(a) {

a.extend({

mouseMoveShow: function(b) {

var d = 0,

c = 0,

h = 0,

k = 0,

e = 0,

f = 0;

a(window).mousemove(function(g) {

d = a(window).width();

c = a(window).height();

h = g.clientX;

k = g.clientY;

e = g.pageX;

f = g.pageY;

h + a(b).width() >= d && (e = e - a(b).width() - 5);

k + a(b).height() >= c && (f = f - a(b).height() - 5);

a("html").on({

contextmenu: function(c) {

3 == c.which && a(b).css({

left: e,

top: f

}).show()

},

click: function() {

a(b).hide()

}

})

})

},

disabledContextMenu: function() {

window.oncontextmenu = function() {

return !1

}

}

})

})(jQuery);

function getSelect() {

"" == (window.getSelection ? window.getSelection() : document.selection.createRange().text) ? layer.msg("黑猫博客") : document.execCommand("Copy")

}

function baiduSearch() {

var a = window.getSelection ? window.getSelection() : document.selection.createRange().text;

"黑猫博客" == a ? layer.msg("请选择需要百度的内容!") : window.open("https://www.baidu.com/s?wd=黑猫博客" + a)

}

function googleSearch() {

var a = window.getSelection ? window.getSelection() : document.selection.createRange().text;

"黑猫博客" == a ? layer.msg("请选择需要谷歌的内容!") : window.open("https://www.google.com/search?q=" + a)

}

$(function() {

for (var a = navigator.userAgent, b = "Android;iPhone;SymbianOS;Windows Phone;iPad;iPod".split(";"), d = !0, c = 0; c < b.length; c++) if (0 < a.indexOf(b[c])) {

d = !1;

break

}

d && ($.mouseMoveShow(".usercm"), $.disabledContextMenu())

});

</script>

<!--网站右键美化-->

演示图:

更多美化教程:黑猫博客_黑猫资源网_免费网站源码_网站资源分享平台

本文含有隐藏内容,请 开通VIP 后查看