WordPress美化:右侧添加微中心、客服、联系方式等

微饭网官方微信
QQ截图20140913223633

这个样式挺不错的,微Fan前几天集成到主题里面,实用性挺强的,还可以通过PS更改字体,但是感觉与主题风格不怎么搭,所以去掉了。

<!--本段放在头部-->
<link rel="stylesheet" type="text/css" href="http://pic.weeiy.com/wp-content/themes/dfan/wei/css/style.css" /> 
<!-- 请各位大大把我的外链文件下载到你们本地,以免以后本站开启白名单导致失效-->
<script type="text/javascript">
$(function() {
    $(".kfleft").click(function(){
		var i=$("#haiiskefu").css("right");
		if (i=='0px'){
			$('#haiiskefu').animate({right:-80}, 200);
		} else {
			$('#haiiskefu').animate({right:0}, 200);
		}
	});
});
</script>

 

下面代码建议添加到页脚。

<!--在文章合适位置加入本段代码-->
<div id="haiiskefu">
	<div class="kfleft" title=""></div>
	<ul>
		<li><a rel="nofollow" href="http://wpa.qq.com/msgrd?v=3&uin=2664076&site=qq&menu=yes" title="发起会话" target="_blank"></a></li>
		<li><a rel="nofollow" href="<?php bloginfo('url'); ?>/link/" title="友情链接" target="_blank"></a></li>
		<li><a rel="nofollow" href="http://www.weeiy.com/blogger/" title="给我留言" target="_blank"></a></li>
		<li><a rel="nofollow" href="http://www.weeiy.com" title="返回首页" target="_blank"></a></li>
		<li><a rel="nofollow" href="http://www.weeiy.com/contact/" title="联系方式" target="_blank"></a></li>
		<li><a rel="nofollow" href="http://www.weeiy.com/contact/" title="捐赠支持我们" target="_blank"></a></li>
		<li><a title="返回顶部"  data-type="totop"></a></li>
	</ul>
</div>

JUST SOSO~

发表评论
加载中...

相关文章