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

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

给网站增加底部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="桔子网欢迎您"/></p>
				<span>
			<em>橘子网</em>
			<em> - 随心创作,知识畅享</em>
		</span>
				<span>
			<em>反馈邮箱:</em>
			huafengpp@qq.com
		</span>
				<span>
			<em>联系Q Q:</em>
			<a target="_blank" rel="nofollow" href="http://wpa.qq.com/msgrd?v=3&uin=546541225&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="http://www.ixiari.cn/tag/yuanma/">特效源码</a>
						<a target="_blank" href="http://www.ixiari.cn/tag/seo/">SEO术语</a>
					</div>
					<div class="about">
						<a target="_blank" href="http://www.ixiari.cn/tag/paper/">壁纸头像</a>
						<a target="_blank" href="http://www.ixiari.cn/tag/winsoft/">电脑软件</a>
					</div>
					<div class="about">
						<a target="_blank" href="http://www.ixiari.cn/tag/404html/">404源码</a>
						<a target="_blank" href="http://www.ixiari.cn/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="http://www.ixiari.cn/tag/zimi/">猜字谜语</a>
						<a target="_blank" href="http://www.ixiari.cn/tag/cygs/">成语故事</a>
					</div>
					<div class="about">
						<a target="_blank" href="http://www.ixiari.cn/tag/zhsx/">组合数学</a>
						<a target="_blank" href="http://www.ixiari.cn/tag/sxjhyl/">几何原理</a>
					</div>
					<div class="about">
						<a target="_blank" href="http://www.ixiari.cn/tag/lishi/">趣味历史</a>
						<a target="_blank" href="http://www.ixiari.cn/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="http://www.ixiari.cn/jianli/">博主简介</a>
						<a target="_blank" href="http://www.ixiari.cn/tao/">领优惠券</a>
					</div>
					<div class="about">
						<a target="_blank" href="http://www.ixiari.cn/daohang/">SEO导航</a>
						<a target="_blank" href="http://www.ixiari.cn/seoer/">橘子SEO</a>
					</div>
					<div class="about">
						<a target="_blank" href="http://www.ixiari.cn/zhanzhang/">站长SEO</a>
					</div>
				</div>
			</div>
			<div class="copyright_R">
				<span><img src="/daohang/baise/statics/images/ewm1.jpg" alt="橘子君微信" /></span>
				<p>欢迎扫描添加站长微信</p>
			</div>
		</div>
	</div>
</div>
<!-- 首页底部 end -->

[button url=”http://www.ixiari.cn/daohang/baise/”]在线演示[/button]

版权声明:内容由互联网用户贡献,不代表本站立场,本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 546541225@qq.com 举报,一经查实,本站将立刻删除。