近期有站长找我，想学习论坛阿牛哥的网站，问我如何在视频网站顶部添加导航，效果如下，今天为大家分享全程操作，其实非常的简单，不需要任何html知识，按照我的操作，就可以完成！

一：打开网站模板，找到header.html(这个文件是头部，将代码写在这里，全站可以引用)，我以默认模板为例，找到/Template/9CCMSPC/html/header.html，将以下代码复制到页面第一行。

引用js

js地址：https://v4.bootcss.com/docs/getting-started/introduction/

代码html    

     <div style="text-align:center">
    <h2 style="color:yellow">请将本站点分享给你的朋友或者网友，看的人越多速度越快，独乐乐不如众乐乐</h2>
    <h5 style="color:red">推介专区-精挑细选</h5>
    <button type="button" class="btn btn-outline-primary">河北乱伦视频</button> 
    <button type="button" class="btn btn-outline-secondary">麻豆国产视频</button> 
    <button type="button" class="btn btn-outline-danger">草榴破除学生</button> 
    <button type="button" class="btn btn-outline-warning">直播做爱视频</button> 
	<button type="button" class="btn btn-outline-info">河北乱伦视频</button> 
    <button type="button" class="btn btn-outline-light">麻豆国产视频</button> 
    <button type="button" class="btn btn-outline-success">草榴破除学生</button> 
    <button type="button" class="btn btn-outline-success">直播做爱视频</button>
    <button type="button" class="btn btn-outline-success">河北乱伦视频</button> 
    <button type="button" class="btn btn-outline-success">麻豆国产视频</button> 
    <button type="button" class="btn btn-outline-success">草榴破除学生</button> 
    <button type="button" class="btn btn-outline-success">直播做爱视频</button>
    <button type="button" class="btn btn-outline-success">河北乱伦视频</button> 
    <button type="button" class="btn btn-outline-success">麻豆国产视频</button> 
    <button type="button" class="btn btn-outline-success">草榴破除学生</button> 
    <button type="button" class="btn btn-outline-success">直播做爱视频</button>
    <button type="button" class="btn btn-outline-success">河北乱伦视频</button> 
    <button type="button" class="btn btn-outline-success">麻豆国产视频</button> 
    <button type="button" class="btn btn-outline-success">草榴破除学生</button> 
    <button type="button" class="btn btn-outline-success">直播做爱视频</button>
    <p></p>
    <h5 style="color:red">兄弟站-最优质站点</h5>
    <button type="button" class="btn btn-outline-success">河北乱伦视频</button> 
    <button type="button" class="btn btn-outline-success">麻豆国产视频</button> 
    <button type="button" class="btn btn-outline-success">草榴破除学生</button> 
    <button type="button" class="btn btn-outline-success">直播做爱视频</button> 
	<button type="button" class="btn btn-outline-success">河北乱伦视频</button> 
    <button type="button" class="btn btn-outline-success">麻豆国产视频</button> 
    <button type="button" class="btn btn-outline-success">草榴破除学生</button> 
    <button type="button" class="btn btn-outline-success">直播做爱视频</button>
    <button type="button" class="btn btn-outline-success">河北乱伦视频</button> 
    <button type="button" class="btn btn-outline-success">麻豆国产视频</button> 
    <button type="button" class="btn btn-outline-success">草榴破除学生</button> 
    <button type="button" class="btn btn-outline-success">直播做爱视频</button>
    <button type="button" class="btn btn-outline-success">河北乱伦视频</button> 
    <button type="button" class="btn btn-outline-success">麻豆国产视频</button> 
    <button type="button" class="btn btn-outline-success">草榴破除学生</button> 
    <button type="button" class="btn btn-outline-success">直播做爱视频</button>
    <button type="button" class="btn btn-outline-success">河北乱伦视频</button> 
    <button type="button" class="btn btn-outline-success">麻豆国产视频</button> 
    <button type="button" class="btn btn-outline-success">草榴破除学生</button> 
    <button type="button" class="btn btn-outline-success">直播做爱视频</button>
    <p></p>
    <h5 style="color:red">在线视频-来路100请上座</h5>
    <button type="button" class="btn btn-outline-success">河北乱伦视频</button> 
    <button type="button" class="btn btn-outline-success">麻豆国产视频</button> 
    <button type="button" class="btn btn-outline-success">草榴破除学生</button> 
    <button type="button" class="btn btn-outline-success">直播做爱视频</button> 
	<button type="button" class="btn btn-outline-success">河北乱伦视频</button> 
    <button type="button" class="btn btn-outline-success">麻豆国产视频</button> 
    <button type="button" class="btn btn-outline-success">草榴破除学生</button> 
    <button type="button" class="btn btn-outline-success">直播做爱视频</button>
    <button type="button" class="btn btn-outline-success">河北乱伦视频</button> 
    <button type="button" class="btn btn-outline-success">麻豆国产视频</button> 
    <button type="button" class="btn btn-outline-success">草榴破除学生</button> 
    <button type="button" class="btn btn-outline-success">直播做爱视频</button>
    <button type="button" class="btn btn-outline-success">河北乱伦视频</button> 
    <button type="button" class="btn btn-outline-success">麻豆国产视频</button> 
    <button type="button" class="btn btn-outline-success">草榴破除学生</button> 
    <button type="button" class="btn btn-outline-success">直播做爱视频</button>
    <button type="button" class="btn btn-outline-success">河北乱伦视频</button> 
    <button type="button" class="btn btn-outline-success">麻豆国产视频</button> 
    <button type="button" class="btn btn-outline-success">草榴破除学生</button> 
    <button type="button" class="btn btn-outline-success">直播做爱视频</button>
    
</div>

二：保存之后刷新首页即可出效果，引用了bootstrap的样式和js，然后使用button标签，可以任意修改颜色。div标签使用了居中样式，小标题使用h2和h5。bootstrap自适应效果，非常简单的操作。

bootstrap中文官网：https://www.bootcss.com/

html教程：https://www.w3cschool.cn/css/

三：如果遮幕样式错落，效果如下，可以做以下操作

找到9CCMSPC/css/common.min.css，找到这个样式的2195行，修改top:-50% 为 -4%