前言

一为导航主题(OneNav)底部添加登录提示，让你的导航网站更加的美观。阿夜也是有一个导航，偶然在网上看到这个代码教程很不错，有三种显示方式，总有一种适合你哦。

演示图

教程

只需要将下方任意一种显示方式的代码复制粘贴至onenav主题根目录footer.php文件当中即可。（如下图）

• 方式一

PC端显示	WAP端显示	登录后显示
√	√	√

代码

<link rel="stylesheet" type="text/css" href="https://vkceyugu.cdn.bspapp.com/VKCEYUGU-0accce98-f18a-476c-ae72-1ab863d93eda/0b636943-d211-4759-be18-74d2ada197c7.css" />
<script type="text/javascript">
    // 站长 QQ
    let qq = '3266556569'
    function closeLoginTipsDom() {
        document.getElementById("login-tips").style.display = "none"
    }
    document.write(`<div class="none"><div id="login-tips" class="login-tips"><center><img class="guide-ac" src="https://cdn.aixifan.com/acfun-pc/2.8.36/img/acimg.png" alt="AC站娘" /><i class="iconfont icon-crying"></i><span style="margin-left: 20px; vertical-align: baseline; display: inline-block; font-size: 18px; font-weight: 700; vertical-align: middle; margin-left: 12px;">一键登录开启个人书签等功能！</span><a href="/login/" class="login-btn">立即登录</a><a href="http://wpa.qq.com/msgrd?v=3&uin=${qq}&site=qq&menu=yes" rel="nofollow" class="openlogin-qq-a"><i class="iconfont icon-qq login-btn"> 联系站长</i></a></center><div style="position: absolute; top: 10px; right: 10px; background-color:rgba(255, 255, 255, 0.61); width: 20px; height: 20px; cursor: pointer; border-radius: 20px;" onclick="closeLoginTipsDom()"><i style="font-size: 12px; line-height: 20px; vertical-align: middle; margin-bottom: 8px; color:#f1404b" class="iconfont icon-close"></i></div></div></div>`)
</script>

• 方式二

PC端显示	WAP端显示	登录后显示
√	Ⅹ	Ⅹ

代码

• 方式三

PC端显示	WAP端显示	登录后显示
√	√	Ⅹ

教程到这里就结束了，为防止代码当中引用的css和图片失效，可以将其本地化。

其实，这代码理论上适用于99%的网站程序，使用其他程序的兄弟们可以尝试设置一下。

本文结束END

---