好东西不私藏,大家一起分享!爱站云 用心做
广告位 后台主题配置管理

网站首页 爱站云资源网 网站源码 正文

爱站云网站底部美化代码分享+CSS文件代码

爱站云 2019-04-13 网站源码 1 评论

image.png

代码

<meta name="viewport" content="width=device-width, minimum-scale=1.0, maximum-scale=1.0">
<link rel="stylesheet" href="https://heikw.cn/zb_users/theme/aizhanCloud/style/css/bootstrap.css">
<style type="text/css">
.sjwu{display:block;}
.dnwu{ display:none}
@media(max-width:768px) {
.sjwu{display:none !important;}
.dnwu{display:block !important;}}
.links li{float:left;margin:0 15px 10px 0;border:1px #FFA300 solid;background:rgba(255,255,255);}
@charset "utf-8";body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li,pre,fieldset, lengend, button,input, textarea,th, td {margin: 0;padding: 0;}body,button, input, select,h4, h5, h6 ,address, cite, dfn, var { font-style: normal; } code, kbd, pre, samp, tt { font-family: "Courier New", Courier, monospace; }small { font-size: 12px; } ul, ol { list-style: none; }a { text-decoration: none;color:#333333; font-family:"\5FAE\8F6F\96C5\9ED1";}abbr[title], acronym[title] {border-bottom: 1px dotted;cursor: help;}q:before, q:after { content: ''; }legend { color: #000; }a,img{border:0;}fieldset, img { border: none; }button, input, select, textarea {font-size: 100%; }table {border-collapse: collapse;border-spacing: 0;}hr {border: none;height: 1px;}
html {/* overflow-y: scroll; */}
.cleardiv{ clear:both;}
.f_left{ float:left;}.f_right{ float:right;}
.content_wai{	width:100%;}.logo_mcy{	float:left;		margin-top:6px;}
.mcy_padd{	overflow:hidden;	padding-top:70px;	padding-bottom:70px;}
.mcy_padd2{overflow:hidden;padding-top: 25px;padding-bottom: 20px;}
.mcy_padd3{	overflow:hidden;	padding-top:40px;	padding-bottom:20px;}
.bg_adv{	background:#2b2b2b;	overflow:hidden;	padding:70px 0px;}
.bg_ser{	overflow:hidden;	padding:70px 0px;}
.bg_con{background:url(../style/img/con_bg.jpg);background-position:center top;background-repeat:no-repeat;overflow:hidden;padding: 40px 0px;background-color: #f2f2f2;}
.bg_case{background-image:url(../style/img/case_bg.gif);background-position:center top;background-repeat:repeat;overflow:hidden;padding: 20px 0px;}
.bg_solu{background-image:url(../style/img/solu_bg.jpg);background-position:center bottom;background-repeat:no-repeat;overflow:hidden;padding: 20px 0px 90px;}
.case_x_bg{	background-image:url(../style/img/case_bg.jpg);	background-position:center top;	background-repeat:no-repeat;	overflow:hidden;		padding-top:65px;	padding-bottom:65px;	margin-top:102px;	position:relative;	background-size: cover !important;}
.case_fu_bg{	background-color:#75a7c4;	overflow:hidden;	line-height:24px;	text-align:center;	color:#fff;	font-size:18px;	padding:20px 0px;}
.content_1200{	width:1200px;	margin:0px auto;}
.ke_num{	color:#fff;}
.ke_num dt{	font-size:42px;}
.ke_num dd{	font-size:16px;	border-bottom:5px solid #fff;}
.ke_bg{margin-top:-13px;	background:#282828;	color:#fff;	padding:50px 0px 30px;}
.foot_bg{	background:#080808;	color:#fff;	text-align:center;	padding:25px 0px 20px;}
.foot_nav{width: 55%;margin:15px auto 0px;}
.foot_nav li{	float:left;	line-height:26px;	padding:0px 3px;}
.foot_nav li a{	color:#fff;}
.about_p{	line-height:24px;	color:#c5c5c5;}
.phone_left{	float:left;	line-height:24px;	color:#c5c5c5;}
.phone_left2{	float:left;	line-height:24px;	color:#666;	font-size:14px;}
.title_f1{	font-family:"Arial";	font-size:26px;	font-weight:400px;	margin-bottom:20px;}
.margin_left15{	margin-left:15px;}
.copy_p{	line-height:26px;}
.copy_p a{text-decoration:none; color:#fff;}
.copy_p a:hover{text-decoration:none; color:#fff;}
.fl{float:left;}
.fr{float:right;}
.ybbt{font-size:16px;font-weight:600;line-height:36px;height: 36px;overflow:hidden;border-bottom:1.5px solid #ddd;margin-bottom: 5px;padding:0 4px;}
.ybbt1{font-size:15px;font-weight:400;line-height:36px;height:36px;overflow:hidden;border-bottom: 2px solid #ddd;margin-bottom:5px;}
.ybbt a.more{color:#888;}.right dl.wupd{padding:0;width:100%;}.notice{width:100%;overflow:hidden;}.notice
</style>
<div class="content_wai foot_bg">
  <div class="container links">
<h2 class="ybbt" _hover-ignore="1">
  <a href="#" class="more fr sjwu" title="(申请要求:爱站权重≥2  正常收录≥3000  +QQ207385345)">(申请要求:爱站权重≥2  正常收录≥3000  +QQ207385345)</a>
  <a href="#" class="more fl" title="友情链接">友情链接</a>
</h2>
<p class="dnwu" title="(申请要求:爱站权重≥2  正常收录≥3000  +QQ207385345)">(申请要求:爱站权重≥2  正常收录≥3000  +QQ207385345)</p>
<ul style="padding-top: 6px;"><li><a href="http://www.azIDC.net" target="_blank" style="padding-left: 5px;padding-right: 5px;"><font color="#ff0000">低价服务器</font></a></li><li><a href="http://idc.heikw.cn" target="_blank" style="padding-left: 5px;padding-right: 5px;"><font color="#b400ff">PHP虚拟主机</font></a></li><li><a href="http://www.heikw.cn/wzlm" target="_blank" style="padding-left: 5px;padding-right: 5px;"><font color="#ffa300">免费收录网</font></a></li><li><a href="http://www.heikw.com" target="_blank" style="padding-left: 5px;padding-right: 5px;"><font color="#0043ff">清风论坛</font></a></li><li><a href="http://lmgeo.com" target="_blank" style="padding-left: 5px;padding-right: 5px;"><font color="#ffffff">自动秒收录</font></a></li><li><a href="http://wapbk.top" target="_blank" style="padding-left: 5px;padding-right: 5px;"><font color="#ffadfh">WAP博客之家</font></a></li><div class="clear"></div></ul>
  </div>
</div>
<div class="content_wai ke_bg">		
	<div class="container">			
		<div class="row">				
			<div class="col-lg-5 col-md-5 col-sm-5 col-xs-12 i7_add">					
				<h2 class="title_f1">ABOUT US</h2>					
				<p class="about_p">
				爱站云网络科技有限公司成立于2017年<br>
				创始人:Johnny Kun 由95后的小青年创建<br>
                目前公司服务于云计算网站建设SEO优化等<br>
                团队成员平均3年以上从业经验,核心团队正在不断扩展。<br>
				</p>				
			</div>				
			<div class="col-lg-5 col-md-5 col-sm-5 col-xs-12 phone_top15 i7_add">					
				<h2 class="title_f1">Contact information</h2>					
				<div>						
					<p class="phone_left">
						QQ:207385345<br>	
						Phone:<span>15684092120</span> <br>
						E-mail:<span>kf@aizhancloud.cn</span><br>		
						Website:<span>www.heikw.cn</span><br>																
					</p>										
				</div>				
			</div>				
			<div class="col-lg-2 col-md-2 col-sm-2 col-xs-12 hidden-xs i7_wei"><img class="img-responsive" alt="爱站云的微信二维码" src="https://heikw.cn/zb_users/theme/aizhanCloud/style/img/ourweixin_161x161.jpg"></div>			
		</div>	
	</div>	
</div>
<div class="content_wai foot_bg">		
	<div class="container">			
	<img src="https://heikw.cn/zb_users/theme/aizhanCloud/include/logo.png" alt="爱站云博客">		
		<ul class="foot_nav">
			<li><a href="https://heikw.cn/seo" title="SEO建站">SEO建站</a>&nbsp;|</li>
			<li><a href="https://heikw.cn/wzym" title="网站源码">网站源码</a>&nbsp;|</li>
			<li><a href="https://heikw.cn/zdyk" title="值得一看">值得一看</a>&nbsp;|</li>
			<li><a href="https://heikw.cn/rjxz" title="软件下载">软件下载</a>&nbsp;|</li>
			<li><a href="https://heikw.cn/wzlm" title="官方导航">官方导航</a>&nbsp;|</li>
			<li><a href="https://heikw.cn/blog" title="官方博客">官方博客</a>&nbsp;|</li>
			<li><a href="https://heikw.cn/gf" rel="nofollow" title="官方动态">官方动态</a>&nbsp;|</li>
			<li><a href="https://heikw.cn/Sitemap.xml" target="_blank">Sitemap</a></li>
			</ul>			
			<div class="cleardiv"></div>
			<p class="copy_p"><font color="#878787">Copyright © 2016-2018 <a href="https://www.heikw.cn/" title="爱站云" target="_blank">
			<font color="#149bdf">www.heikw.cn</font></a> Reserved.备案号:鲁ICP备16035655号</font></p>
			<p><font color="#878787">本站采用<a rel="external nofollow" href="http://www.zblogcn.com/" title="Z-Blog" target="_blank"><font color="#149bdf"> Z-BLOG </font></a>核心程序 感谢<a href="http://www.azidc.net/" title="爱站云" target="_blank"><font color="#149bdf"> 爱站云 </font></a>赞助北京云服务器 <script>var _hmt = _hmt || [];(function() {  var hm = document.createElement("script");  hm.src = "https://hm.baidu.com/hm.js?5d72c64b56e05e1c5cafc2e81c12c969";  var s = document.getElementsByTagName("script")[0];   s.parentNode.insertBefore(hm, s);})();</script></font></p></font>
</div>

bootstrap.css是官网的,我就不抠出来了,自己也挂上这个行代码!

<link rel="stylesheet" href="https://heikw.cn/zb_users/theme/aizhanCloud/style/css/bootstrap.css">

最好挂在head里,还有自适应底部需要在顶部head里,代码如下,小白不懂的就直接复制上面代码上网站底部!

<meta name="viewport" content="width=device-width, minimum-scale=1.0, maximum-scale=1.0">

有喜欢的就去玩玩吧,站长交流群:点击链接加入群聊【站长之家装逼小组】:https://jq.qq.com/?_wv=1027&k=57LiiX4

< 爱站云SEO >
本站所有文章,未经允许一律不允许转载,违者后果自负
本站为SEO教学博客,学到东西应该懂得感恩作者 无脑喷子永封IP段+删帐号所有评论
本站部分文章存在于网上收集,如侵犯您的权利,请告知管理员,我们会及时删除,并向您赔礼道歉.

站长QQ:207385345  官方QQ群:333914614


已有1位网友发表了看法:

欢迎 发表评论:

温馨提示:(登陆后才可以评论哦!点我QQ登录哦,若已登录请忽略)。
搜索
标签列表
关于我们
本人提供网站SEO优化、SEM推广营销(百度/360/搜狗收录优化)、企业建站、搜索引擎教学等服务。
联系我们:给我发QQ消息  加入QQ群
爱站云安全认证