喵喵喵

资源搜索,喵喵喵

为您的网站添加MySSL安全认证签章

今天去浏览黑冰的站点看到右下角一个myssl安全认证,就好奇自己也弄了一个

如果你的网站部署了HTTPS,而且想要给你的网站也添加上MySSL的安全认证标志,那么你可以参阅这篇教程。

我们设计了四款MySSL页面底部的签章样式,一款是在一直悬浮在页面右下脚,其他三款是在页面的底部。您可以结合您的喜好和网站的风格添加您中意的签章样式。

您只需要将代码添加在您网站的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>

样式二:

嵌入以下代码

<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>


本原创文章未经允许不得转载 | 当前页面:喵喵喵 » 为您的网站添加MySSL安全认证签章

评论