孙文

为你的网站添加安全认证签章-【信任感强强的】
给自己网站添加一个安全认证的签章吧,真的很NICE。前提是你的网站已经开启了HTTPS 如果没有开启SSL的话开启...
扫描右侧二维码阅读全文
07
2019/03

为你的网站添加安全认证签章-【信任感强强的】

给自己网站添加一个安全认证的签章吧,真的很NICE。前提是你的网站已经开启了HTTPS 如果没有开启SSL的话开启效果自行斟酌

您只需要将代码添加在您网站的html页面的 body 标签中任意位置(建议添加在header或者footer位置),那么在你的网站上就会出现如图中效果展示一样的签章了。不过请注意:为了方便我们将样式用行内的形式写在了最外层的标签div中,您可以灵活的对该样式进行调整,该样式如果在移动端上显示的效果欠佳的话,您也可以将样式分离出来,并用css的@media进行调整


样式一

<div id="cc-myssl-id">
      <a href="https://myssl.com/您的域名?from=mysslid"><img src="https://static.myssl.com/res/images/myssl-id3.png" alt="" style="max-height:50px;display:block;margin:0 auto"></a>
</div>

移动端和PC端显示效果:

<div id="cc-myssl-id" style="position: fixed;right: 0;bottom: 0;width: 65px;height: 65px;z-index: 99;">
    <a href="https://myssl.com/您的域名?from=mysslid"><img src="https://static.myssl.com/res/images/myssl-id.png" alt="" style="width:100%;height:100%"></a>
</div>

样式三:

<div id="cc-myssl-id">
      <a href="https://myssl.com/您的域名?from=mysslid"><img src="https://static.myssl.com/res/images/myssl-id1.png" alt="" style="max-height:50px;display:block;margin:0 auto"></a>
</div>

样式四:

<div id="cc-myssl-id">
      <a href="https://myssl.com/您的域名?from=mysslid"><img src="https://static.myssl.com/res/images/myssl-id2.png" alt="" style="max-height:50px;display:block;margin:0 auto"></a>
</div>
最后修改:2019 年 03 月 20 日 08 : 20 PM
如果觉得我的文章对你有用,请随意赞赏

1 条评论

  1. sizbenwizh

    路过

发表评论