前言:

想必各位站长都知道,网站的模板都非常的单一,很多站长由于没有HTML和PHP基础,不懂得如何装修美化自己的网站,那么下面就有我来分享几个常用的美化代码.

主文:

下面全是干货,网站的装修必备的一些代码,可加可不加,根据自己个人的喜好,在网站后台,或者网站相应的模板设置处有专门标识可以使用HTML代码的位置添加自己想要的代码,代码中修改自己的个人信息,域名,图片,QQ号等等.如果没有HTML基础的朋友们可以百度一下每个标签属性的用法,合理的添加自己打的“装修”代码.底部安全认证代码,底部域名,站长QQ,QQ群,天气代码,公告栏美化代码,广告美化代码,还有自定义代码等等.


底部安全认证代码

<p>
<p id="footer_img">
	<a href="https://www.xfw8.cn/" target="_blank">
	<img src="https://url.cn/473qBWz" alt="360安全检测">
	<span></span>
	</a> 
	<a href="https://www.xfw8.cn/" target="_blank">
		<img src="https://url.cn/473stYV" alt="凭安信用认证">
		<span></span>
		</a> 
	<a href="https://www.xfw8.cn/" target="_blank">
		<img src="https://url.cn/473oFsx" alt="upyun网站联盟">
		<span></span>
		</a> 
	<a href="https://www.xfw8.cn/" target="_blank">
		<img src="https://url.cn/473qDu3" alt="腾讯云安全认证">
		<span></span>
		</a> 
</p>
</p>

底部域名,站长QQ,QQ群,天气代码

<li class="list-group-item">
	域名:<a href="https://www.xfw8.cn/">www.xfw8.cn</a>
</li>
<li class="list-group-item">
	<font color="red">
		站长QQ:</font>1780053122
		<a target="_blank" href="http://wpa.qq.com/msgrd?v=3&uin=1780053122&site=qq&menu=yes">
			<img border="0" src="http://wpa.qq.com/pa?p=2:1970671976:51" alt="点击这里给我发消息" title="点击这里给我发消息"/>
		</a>
<br>
	<font color="red">
		用户QQ群:</font>22814326
		<a target="_blank" href="./qq/api/joingroup.php?qun=这里填写QQ群号">
			<img border="0" src="http://pub.idqqimg.com/wpa/images/group.png" alt="点击加群" title="点击加群">
			</a>
</li>
<li class="list-group-item">
	<center>
		<iframe width="280" scrolling="no" height="25" frameborder="0" allowtransparency="true" src="http://i.tianqi.com/index.php?c=code&id=34&icon=1&num=3"></iframe>
	</center>
</li>

各种广告代码

图片广告代码
<a href='https://www.xfw8.cn/' target='_blank'><img style='width:100%;height:100%' src='图片链接'></a><br>

文字广告代码
<a href="https://www.xfw8.cn/" style="color:#483D8B;text-decoration:underline;" target='_blank'>这里打要打的文字</a><br>

按键广告代码
<div class="downapk"><strong>这里打要打的文字</strong><a style="font-weight: 800;color: #09f;" href="https://www.xfw8.cn/">点击进入</a></div>

公告栏代码

<div class="list-group-item reed">
	<marquee scrollamount="8" direction="left" align="Middle"style="font-weight: bold;line-height: 20px;font-size: 20px;color: #177D06;">
		<img border="0" width="32" src="http://cdn.xfw8.cn/logo3.png">旋风是筱枫网络工作室运营的一家个人博客,专门技术资源分享.秒单中.</marquee>
</div>
<div class="list-group-item reed">
	<div class="list-group-item reed">
		<span class="btn btn-info btn-xs">置顶公告</span>公告,打自己想打的!
	</div>
	<div class="list-group-item reed">
		<span class="btn btn-danger btn-xs">
			<span class="glyphicon glyphicon-fire"></span>
			&nbsp通知1</span> 公告,打自己想打的!
	</div>
	<div class="list-group-item reed">
		<span class="btn btn-success btn-xs">
			<span class="glyphicon glyphicon-fire">
			</span>&nbsp通知2</span> 公告,打自己想打的!
	</div>
	<div class="list-group-item reed">
		<span class="btn btn-info btn-xs">
			<span class="glyphicon glyphicon-fire"></span>
			&nbsp通知3</span> 公告,打自己想打的!
	</div>
<br>

天气+轮播网站代码

<center>
	<iframe width="280" scrolling="no" height="25" frameborder="0" allowtransparency="true" src="http://i.tianqi.com/index.php?c=code&id=34&icon=1&num=3"></iframe>
</center>
<div class="list-group-item reed">
	<marquee scrollamount="8" direction="left" align="Middle" style="font-weight: bold;line-height: 20px;font-size: 20px;color: #FF0000;">
		<img border="0" width="32" src="http://i1.buimg.com/1949/17b5756df327b191.png"> 这里是轮播内容</marquee>
</div>

显示QQ头像网站客服代码

<h4 class="modal-title" id="myModalLabel">
	<center>↓本站订单客服QQ↓</center>
</h4>
<li class="list-group-item" style="text-align: center;">
	<img width=50 height=50 src="图片网址?b=qq&nk=QQ号&s=100&t=20170430 " alt="..." class="img-circle">
	<br/>XX社区-客服 &<font color="#0099CC">
	<span style="font-size:13px;">客服QQ</font></span>
</li>
<font color="#0099CC">
	<center>如果发现下单后长期不开刷且补单无效<br/>
	<span style="font-size:13px;">请联系客服补单!</font></span>
	</center>
	<br/>
	<button type="button" class="btn btn-block btn-success"> <a href= "http://wpa.qq.com/msgrd?v=3&uin=QQ号&site=QQ号&menu=yes"></a>
</button>

音乐播放器代码

<li class="list-group-item">
	<center>
		<iframe frameborder="no" border="0" marginwidth="0" marginheight="0" width="300" height="80" src="//music.163.com/outchain/player?type=2&id=30284211&auto=1&height=66"></iframe>
		</tbody>
		</table>
	</center>
</li>

//music.163.com/outchain/player?type=2&id=30284211&auto=1&height=66
这个链接为网易云音乐链接,
需要更换歌曲,自己去网易生成一个
不想要换直接使用上面代码


自定义音乐代码

<EMBED src=http://up.mcyt.net/md5/53/NjU3NjM3MA_Qq4329912.mp3 hidden=true type=audio/x-ms-wma AUTOSTART="1">

上边音乐为seve舞步

<EMBED src=音乐网址 hidden=true type=audio/x-ms-wma AUTOSTART="1">

注意:音乐网址和hidden中间有一个空格,不要删除


文章代码收集于网络

版权声明:本篇文章为全网资源收集,如有侵权请联系客服,转载请注明原文地址!
旋风资源网 » 【网站美化】emlog个人网站美化代码站长必备

发表评论