搜索到
19
篇与
» 站点运维
的结果
-
Onedrive云盘程序OneManager登录界面美化 添加后台样式修改根目录下的common.php文件第889-903行，在<body>前添加style。{mtitle title="原代码"/} $html .= ' <body> <div> <center><h4>' . getconstStr('InputPassword') . '</h4> ' . $name . ' <form action="" method="post" onsubmit="return sha1loginpass(this);"> <div> <input id="password1" name="password1" type="password"/> <input name="timestamp" type="hidden"/> <input type="submit" value="' . getconstStr('Login') . '"> </div> </form> </center> </div> </body>';{mtitle title="新代码"/} $html .= ' <style> body{ background-image:linear-gradient(60deg,#343b44 0%,#485563 100%); background-attachment:fixed; color:#343b44 } body>div{ position:absolute; text-align:center; background-color:rgba(221,221,221,.5); border-radius:20px; width:75vw; max-width:500px; height:350px; margin:auto; top:25%; bottom:50%; left:0; right:0 } body>div:hover{ box-shadow:3px 3px 6px 3px rgba(0,0,0,.3) } h4{ font-size:40px } input{ font-size:20px; margin:2%auto; border:#343b44 2px solid; border-radius:10px; padding:10px; height:50px; text-align:center; vertical-align:top } input:last-of-type{ color:#343b44; height:50px; width:80px; font-weight:800 } input:hover:last-of-type{ cursor:pointer; color:#ddd; background-color:#485563 } </style> <body> <div> <center><h4>' . getconstStr('InputPassword') . '</h4> ' . $name . ' <form action="" method="post" onsubmit="return sha1loginpass(this);"> <div> <input id="password1" name="password1" type="password"/> <input name="timestamp" type="hidden"/> <input type="submit" value="' . getconstStr('Login') . '"> </div> </form> </center> </div> '; 至此您可以看到一个不一样的登录界面了，虽然登录界面只有自己看。 :@(想一想) 代码来源于醉后的星星，如果您食用后和我一样出现input和button不在一条水平线上的情况，在style的input中增加vertical-align:top即可解决。 -
Typecho博客添加访客弹窗提示 食用方式将下面的代码粘贴到全局设置 - 自定义底部栏完整代码<!-- 客户端信息 --> <div id="fps" style="z-index:5;position:fixed;bottom:3px;left:3px;color:#2196F3;font-size:10px;"></div> <script type="text/javascript" src="https://cdn.jsdelivr.net/gh/kaliisra/myblogstatic/kehuduan-js/fetch.min.js"></script> <script src="https://cdn.gmit.vip/layer/3.1.1/layer.js" type="text/javascript" charset="utf-8"></script> <script> /*网站打开提醒代码开始*/ $(function(){ if(/*getCookie('msg') !=*/ 1){ var t = document.createElement("a"); t.href = document.referrer; var msgTitle = t.hostname; var name = t.hostname.split(".")[1]; if("" !== document.referrer){ switch (name) { case 'bing': msgTitle = '必应搜索'; break; case 'baidu': msgTitle = '百度搜索'; break; case 'so': msgTitle = '360搜索'; break; case 'google': msgTitle = '谷歌搜索'; break; case 'sm': msgTitle = '神马搜索'; break; case 'sogou': msgTitle = '搜狗搜索'; break; default: msgTitle = t.hostname; }; }; var time = (new Date).getHours(); var msg = ''; 23 < time || time <= 5 ? msg = "你是夜猫子呀？这么晚还不睡觉，明天起的来嘛？": 5< time && time <= 7 ? msg = "早上好！一日之计在于晨，美好的一天就要开始了！": 7< time && time <= 11 ? msg = "上午好！工作顺利嘛，不要久坐，多起来走动走动哦！": 11< time && time <= 14 ? msg = "中午了，工作了一个上午，现在是午餐时间！": 14< time && time <= 17 ? msg = "午后很容易犯困呢，今天的运动目标完成了吗？": 17< time && time <= 19 ? msg = "傍晚了！窗外夕阳的景色很美丽呢，最美不过夕阳红~": 19< time && time <= 21 ? msg = "晚上好，今天过得怎么样？": 21< time && time <= 23 && (msg = "已经这么晚了呀，早点休息吧，晚安~"); $.ajax({ type:"get", url:"https://open.gmit.vip/web/api/UserInfo/", async:true, success:function(data){ window.info = data; layer.msg("Hi~ 来自"+ data.data.location + '~<br/>通过 '+msgTitle+' 进来的朋友！<br/>使用 '+ data.data.os +"<br/>"+ data.data.browser +' 访问本站！' + '<br/>' + msg); var showFPS = (function(){ var requestAnimationFrame = window.requestAnimationFrame || window.webkitRequestAnimationFrame || window.mozRequestAnimationFrame || window.oRequestAnimationFrame || window.msRequestAnimationFrame || function(callback) { window.setTimeout(callback, 1000/60); }; var e,pe,pid,fps,last,offset,step,appendFps; fps = 0; last = Date.now(); step = function(){ offset = Date.now() - last; fps += 1; if( offset >= 1000 ){ last += offset; appendFps(fps); fps = 0; }; requestAnimationFrame( step ); }; appendFps = function(fps){ var settings = { timeout: 5000, logError: true }; $('#fps').html('<span style="float:left;">'+fps+'FPS</span><br/><span style="float:left">'+window.info.data.os+'</span><br/><span style="float:left;margin-top:1px;">'+window.info.data.browser+'</span><br/><span style="float:left;margin-top:1px;">'+window.info.data.location+'</span><br/><span style="float:left;margin-top:1px;"></span>'); }; step(); })(); } }); }; }); </script>
-
-
网站添加复制时弹出对话框版权提醒的几种方式 今天逛博客，偶尔发现一个给网站添加复制提示版权对话框的教程，不过给的教程有点小缺陷，所以整理了下，又结合了网上其他的教程，一块发出来，也作为自用备用！第一种：最原始的下面是源码，不借助任何插件。<script type="text/javascript"> document.body.oncopy=function(){ alert("复制成功！XX博客提醒您：若要转载请保留原文链接，谢谢合作！"); } </script>第二种：对第一种的美化，前两种都是需要点确定的。下面是源码，要加载sweetalert<link rel="stylesheet" href="https://cdn.bootcss.com/sweetalert/1.1.3/sweetalert.min.css" /> <script type="text/javascript" src="https://cdn.bootcss.com/sweetalert/1.1.3/sweetalert.min.js"></script> <script type="text/javascript"> window.onload = function(){ document.body.oncopy = function() { swal("复制成功！", "XX博客提醒您：若要转载请保留原文链接，谢谢合作！","success"); }; } </script>第三种：用的layui，弹窗3秒自动消失下面上源码，用layer就可以根据需要换弹窗样式了，比如说加个icon啥的。<script src="http://libs.baidu.com/jquery/2.1.4/jquery.min.js"></script> <script src="layer/layer.js"></script>//layer自己去官网下载就可以 <script type="text/javascript"> document.body.oncopy = function() {layer.msg('复制成功，XX博客提醒您：若要转载请务必保留出处！');}; </script>第四种：引入一个弹窗脚本，在自定义尾部body输出步骤1：先将下面代码复制到自定义输出body 尾部的HTML代码即可<!--复制弹框--> <script type="text/javascript" src="https://www.xxx.cn/usr/down/commentTyping.js"></script> <script src="https://cdn.jsdelivr.net/npm/sweetalert2@8"></script>步骤2：再将下面代码复制到自定义 Javascript即可<!--复制弹框--> document.body.oncopy = function(){Swal.fire({allowOutsideClick:false,type:'success',title: '复制成功,如转载请注明出处！',showConfirmButton: false,timer: 2000});};增加监听事件给网站加一个复制版权提示js监听Ctrl+v复制事件无需加载其他JS文件，直接加到源码里即可使用。<script> /** 监听copy事件 */ document.addEventListener("copy",function(e){ //取消默认事件，才能修改复制的值 e.preventDefault(); //复制的内容 var copyTxt = `${window.getSelection(0).toString()}\n————————————————\n原文链接：${window.location.href}\n此内容来自XX博客，转载请附上原文出处链接及本声明。`; if(e.clipboardData) { e.clipboardData.setData('text/plain', copyTxt); } else if(window.clipboardData){ return window.clipboardData.setData("text", copyTxt); } }) </script>声明本文转载自网络分享，由于这对于我当前情况来说能够用的到故而记录在此。
-
Typecho网站访问统计加及在线访客代码 统计当前在线人数以及访客总数是大多数博主都喜欢使用的，虽然有第三方统计工具（如CNZZ、51La...），但如果不想使用第三方工具统计那么可以试试下面这段代码。网站访客统计首先在Typecho主题的functions.php文件中添加以下统计代码。//总访问量 function theAllViews() { $db = Typecho_Db::get(); $row = $db->fetchAll('SELECT SUM(VIEWS) FROM `typecho_contents`'); echo number_format($row[0]['SUM(VIEWS)']); }插入调用代码在需要显示的位置插入调用代码。（如：footer.php、sidebar.php等文件）访客总人数：<?php echo theAllViews();?>调用成功后即可看到显示效果。 :@(鼓掌)在线人数统计<?php //首先你要有读写文件的权限，首次访问可能不显示，一般再次刷新即可 $online_log = "online_data.dat"; //保存在线人数文件online.dat到根目录 $timeout = 30; //30秒内无操作判定为掉线 $entries = file($online_log); $temp = array(); for ($i=0;$i<count($entries);$i++){ $entry = explode(",",trim($entries[$i])); if(($entry[0] != getenv('REMOTE_ADDR')) && ($entry[1] > time())) { array_push($temp,$entry[0].",".$entry[1]."\n"); //取出其他浏览者的信息，并去掉超时访客，保存进$temp } } array_push($temp,getenv('REMOTE_ADDR').",".(time() + ($timeout))."\n"); //更新访客的时间 $online_data = count($temp); //计算在线访客 $entries = implode("",$temp); //写入文件 $fp = fopen($online_log,"w"); flock($fp,LOCK_EX); //flock() 不能在NFS以及其他的一些网络文件系统中正常工作 fputs($fp,$entries); flock($fp,LOCK_UN); fclose($fp); $count= "在线人数：".$online_data."人"; ?>将以上代码放到要显示文件的最顶部，之后再要显示此统计的地方加上此输出。然后在文件栏建一个online_data.dat的文件用来记录。插入调用代码<?php echo $count?>这段代码不只适用于Typecho，也适用于WordPress、emlog、zblog等php博客系统，如果你想显示在底部，可以找到footer.php文件，在相应位置添加调用即可，如果放到别的地方也是同理。
