给网站增加底部Footer导航样式

108次阅读
没有评论

共计 2499 个字符,预计需要花费 7 分钟才能阅读完成。

** 网前前后后对样式做了一些调整,看到底部 footer 光秃秃的,索性也添加一些底部导航样式来装饰一下网站。

网站头部引入 JS 和 CSS

<link rel="stylesheet" type="text/css" href="/daohang/baise/statics/css/style.css" />
<script src="/daohang/baise/statics/js/jquery-1.11.0.js" type="text/javascript" charset="utf-8"></script>

网站底部添加如下代码

<!-- 首页底部特效 -->

<div class="copyright">
	<div class="copyright_c">
		<div class="copyright_head">
			<div class="copyright_L">
				<p><img src="/daohang/baise/statics/images/logo.png" alt="给网站增加底部 Footer 导航样式" alt="** 网欢迎您"/></p>
				<span>
			<em>** 网 </em>
			<em> - 随心创作,知识畅享 </em>
		</span>
				<span>
			<em> 反馈邮箱:</em>
			**@qq.com
		</span>
				<span>
			<em> 联系 Q Q:</em>
			<a target="_blank" rel="nofollow" href="http://wpa.qq.com/msgrd?v=3&uin=769129282&site=qq&menu=yes" > 在线交谈 </a>
		</span>
			</div>
			<div class="copyright_C">
				<div class="copyright_C_list">
					<p><i class="fa fa-th-large" aria-hidden="true"></i> 词条导航 </p>
					<div class="about">
						<a target="_blank" href="https://wanqutv.com/tag/yuanma/"> 特效源码 </a>
						<a target="_blank" href="https://wanqutv.com/tag/seo/">SEO 术语 </a>
					</div>
					<div class="about">
						<a target="_blank" href="https://wanqutv.com/tag/paper/"> 壁纸头像 </a>
						<a target="_blank" href="https://wanqutv.com/tag/winsoft/"> 电脑软件 </a>
					</div>
					<div class="about">
						<a target="_blank" href="https://wanqutv.com/tag/404html/">404 源码 </a>
						<a target="_blank" href="https://wanqutv.com/tag/gushi/"> 民俗故事 </a>
					</div>
				</div>
				<div class="copyright_C_list">
					<p><i class="fa fa-book" aria-hidden="true"></i> 趣味知识 </p>
					<div class="about">
						<a target="_blank" href="https://wanqutv.com/tag/zimi/"> 猜字谜语 </a>
						<a target="_blank" href="https://wanqutv.com/tag/cygs/"> 成语故事 </a>
					</div>
					<div class="about">
						<a target="_blank" href="https://wanqutv.com/tag/zhsx/"> 组合数学 </a>
						<a target="_blank" href="https://wanqutv.com/tag/sxjhyl/"> 几何原理 </a>
					</div>
					<div class="about">
						<a target="_blank" href="https://wanqutv.com/tag/lishi/"> 趣味历史 </a>
						<a target="_blank" href="https://wanqutv.com/tag/dili/"> 趣味地理 </a>
					</div>
				</div>
				<div class="copyright_C_list">
					<p><i class="fa fa-envelope" aria-hidden="true"></i> 关于我们 </p>
					<div class="about">
						<a target="_blank" href="https://wanqutv.com/jianli/"> 博主简介 </a>
						<a target="_blank" href="https://wanqutv.com/tao/"> 领优惠券 </a>
					</div>
					<div class="about">
						<a target="_blank" href="https://wanqutv.com/daohang/">SEO 导航 </a>
						<a target="_blank" href="https://wanqutv.com/seoer/">**SEO</a>
					</div>
					<div class="about">
						<a target="_blank" href="https://wanqutv.com/zhanzhang/"> 站长 SEO</a>
						<a target="_blank" href="https://wanqutv.com/tag/wlptzghc/"> 万里平台 </a>
					</div>
				</div>
			</div>
			<div class="copyright_R">
				<span><img src="/daohang/baise/statics/images/ewm1.jpg" alt="给网站增加底部 Footer 导航样式" alt="** 君微信" /></span>
				<p> 欢迎扫描添加站长微信 </p>
			</div>
		</div>
	</div>
</div>
<!-- 首页底部 end -->
正文完
 
丸趣
版权声明:本站原创文章,由 丸趣 2023-06-03发表,共计2499字。
转载说明:除特殊说明外本站除技术相关以外文章皆由网络搜集发布,转载请注明出处。
评论(没有评论)