您现在的位置是:主页 > 织梦插件 > 织梦插件

织梦输入密码查看文章内容支持静态动态及手机

织梦BUG2019-07-19【织梦插件】人已围观

简介织梦输入密码查看文章内容支持静态动态及手机端效果演示: 织梦输入密码查看文章内容支持静态动态及手机端效果演示: style.article-secret{margin:20px 0;padding:20px;background:#f8f8f8;overflow:...

织梦输入密码查看文章内容支持静态动态及手机端效果演示:

织梦输入密码查看文章内容支持静态动态及手机端效果演示:

<style>
.article-secret{margin:20px 0;padding:20px;background:#f8f8f8;overflow:hidden;}
.article-secret input.article-pw[type=password]{float:left;background:#fff;width:100%;line-height:36px;margin-top:5px;border-radius:3px}
.article-secret span{color:#f00;}
.article-secret input.article-sub[type=submit]{float:right;margin-top:-47px;width:30%;margin-right:1px;border-radius:0 3px 3px 0}
input.article-sub[type=submit]{background-color:#3498db;color:#fff;font-size:21px;box-shadow:none;-webkit-transition:.4s;-moz-transition:.4s;-o-transition:.4s;transition:.4s;-webkit-backface-visibility:hidden;position:relative;cursor:pointer;padding:13px 20px;text-align:center;border-radius:50px;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;border:0;height:auto;outline:medium;line-height:20px;margin:0}
input.article-sub[type=submit]:hover{background-color:#5dade2}
input.article-pw[type=password],input.article-pw[type=text]{border:1px solid #F2EFEF;color:#777;display:block;background:#FCFCFC;font-size:18px;transition:all .5s ease 0;outline:0;box-sizing:border-box;-webkit-border-radius:25px;-moz-border-radius:25px;border-radius:25px;padding:5px 16px;margin:0;height:auto;line-height:30px}
input.article-pw[type=password]:hover,input.article-pw[type=text]:hover{border:1px solid #56b4ef;box-shadow:0 0 4px #56b4ef}
</style>

1、以上代码放在加密的文章页模板里,新增文件article.php,放在plus目录里,查看templetsdefaultrticle_image.htm及手机端模板article_image_m.htm即可

2、在article_image.htm模板里引入js:<script type="text/javascript" src="http://127.0.0.1/uploads/allimg/190719/1P05445O-1.jpg"></script>

-END-

浏览完了?你可以点我去评论留下观点!

站点信息

  • 建站时间:2018-10-24
  • 标签管理标签云
  • 网站地图XML网站地图
  • 文章统计:69篇文章
  • 站长微信:微信二维码