给网站顶部添加一个标识

V zc (UID: 1996) 7月前

968 1

在其他地方看到的,一个网站顶部标识,扒的是漂亮国官方网站的,但是他那个代码手机页面显示有问题,我改了一下,现在是正常的

先引入css和js文件【附件】,然后在你需要显示标识的地方插入下方的代码,一般直接放在网站头部文件里面就行

<section class="zc-banner">
    <div class="zc-accordion">
        <header class="zc-banner__header">
            <div class="zc-banner__inner">
                <div class="grid-col-auto">
                    <img class="zc-banner__header-flag" src="logo.png">
                </div>
                <div class="grid-col-fill tablet:grid-col-auto">
                    <p class="zc-banner__header-text">终成旗下网站</p>
                    <p class="zc-banner__header-action" aria-hidden="true">如何辨别真伪?</p>
                </div>
                <button class="zc-accordion__button zc-banner__button" aria-expanded="true"
                    aria-controls="xytx-banner">
                    <span class="zc-banner__button-text">如何辨别真伪?</span>
                </button>
            </div>
        </header>
        <div class="zc-banner__content zc-accordion__content" id="xytx-banner">
            <div class="grid-row grid-gap-lg">
                <div class="zc-banner__guidance tablet:grid-col-6">
                    <img class="zc-banner__icon zc-media-block__img"
                        src="domain.png">
                    <div class="zc-media-block__body">
                        <p>
                            本站域名zc.wiki
                            <br>已经ICP、公安BA
                        </p>
                    </div>
                </div><br>
                <div class="zc-banner__guidance tablet:grid-col-6">
                    <img class="zc-banner__icon zc-media-block__img"
                        src="ssl.png" alt="HTTPS">
                    <div class="zc-media-block__body">
                        <p>
                            全站使用HTTPS
                            <br>证书为通配符证书
                        </p>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>
上传的附件:
zc.wiki
已有评论 (1)
  • 头像
    加菲酷猫 (UID: 690) @Ta
    7月前
    1

    挺不错的,收藏了。

    • 大佬论坛
      2
      登录后才可回帖  登录 注册

本站同款香港KC服务器 ROOVPS 便宜服务器 NatYun香港服务器 稳定高效 不超开