码迷,mamicode.com
首页 > 其他好文 > 详细

博客园头像

时间:2017-12-28 11:56:19      阅读:218      评论:0      收藏:0      [点我收藏+]

标签:代码   highlight   下载   使用   博客   hid   ack   png   spinner   

主题环境:ThinkInside

实现思路:

向id=siderBar标签内前置一个头像。

$("#sideBar").prepend("头像");

样式摘自懒人之家(http://demo.lanrenzhijia.com/2015/css1023/)

实现代码如下:

技术分享图片
<script language="javascript" type="text/javascript">
$("#sideBar").prepend("<div class=\"case-item\"><div class=\"ih-item circle effect1\"><a href=\"http://www.cnblogs.com/0bug/\"><div class=\"spinner\"></div><div class=\"img\"><img src=\"https://pic.cnblogs.com/avatar/1054809/20171228042039.png\" ></div><div class=\"info\"><div class=\"info-back\"><h3>李成广</h3><p>以梦为马 不负韶华 </p></div></div></a></div></div>\n");
</script>
此代码写入设置-页脚Html代码

下面是使用到css,我上传到我自己的博客里。你可以下载下来,上传到自己的博客后在引用。

技术分享图片
<link href="https://files.cnblogs.com/files/0bug/lanren.css" type="text/css" rel="stylesheet" />
此代码放在设置-页首Html代码

 

博客园头像

标签:代码   highlight   下载   使用   博客   hid   ack   png   spinner   

原文地址:https://www.cnblogs.com/0bug/p/8133208.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!