美化博客加密文章页面

首页 > 云端折腾笔记 > php云端折腾笔记作者：沁雨寒 2017年9月2日 14:38 星期六热度：1858° 字号：小中大评论：0 条

时间：2017-9-2 14:38 热度：1858° 评论：0 条

沁雨无线折腾原创作品

修改方法：打开include/model/log_model.php这个文件，搜索“加密文章访问验证”即可定位到该函数，下面的CSS样式随意修改。

1.首先下载css样式和img文件创建一个目录放入如jmwz/

2.修改css样式里图片链接为你自己的链接，你也可以使用图床链接。随意

3.打开include/model/log_model.php这个文件，搜索“加密文章访问验证”

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>emlog message</title>
<style type="text/css">
<!--
body{background-color:#F7F7F7;font-family: Arial;font-size: 12px;line-height:150%;}
.main{background-color:#FFFFFF;margin-top:20px;font-size: 12px;color: #666666;width:580px;margin:10px 200px;padding:10px;list-style:none;border:#DFDFDF 1px solid;}
-->
</style>
</head>
<body>
<div class="main">
<form action="" method="post">
请输入该文章的访问密码<br>
<input type="password" name="logpwd" /><input type="submit" value="进入.." />
<br /><br /><a href="$url">&laquo;返回首页</a>
</form>
</div>
</body>
</html>

修改成

<html> 
<head>
<title>加密文章访问页面</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<script type="application/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false); function hideURLbar(){ window.scrollTo(0,1); } </script>
<meta name="keywords" content="Flat Dark Web Login Form Responsive Templates, Iphone Widget Template, Smartphone login forms,Login form, Widget Template, Responsive Templates, a Ipad 404 Templates, Flat Responsive Templates" />
<link href="https://blog.sxx1314.com/jmwz/css/style.css" rel='stylesheet' type='text/css' />
</head>
<body>
<script>$(document).ready(function(c) {
 $('.close').on('click', function(c){
  $('.login-form').fadeOut('slow', function(c){
     $('.login-form').remove();
  });
 });   
});
</script>
 <!--SIGN UP-->
 <h1>请输入该文章的访问密码</h1>
<div class="login-form">
 <div class="close"> </div>
  <div class="head-info">
   <label class="lbl-1"> </label>
   <label class="lbl-2"> </label>
   <label class="lbl-3"> </label>
  </div>
   <div class="clear"> </div>
 <div class="avtar">
  <img src="https://blog.sxx1314.com/jmwz/images/avtar.png" />
 </div>

   <form action="" method="post">
      <div class="key">
     <input type="password" name="logpwd" />
      </div>

 <div class="signin">
  <input type="submit" value="进入" />
 </div>
</div>
</body>
</html>

然后测试效果