现在的位置: 首页 > 综合 > 正文

【原创】给CSDN博客加上腾讯微博

2013年12月11日 ⁄ 综合 ⁄ 共 810字 ⁄ 字号 评论关闭
..

无聊的时候研究了下CSDN个人博客,无奈CSDN个人博客只允许自定义CSS,连HTML都不能自己添加,有很严格的过滤。所以只能在CSS上动手脚了。

经过一番研究和尝试,终于成功了。不过也只能添加图片,最终的效果还是不错的。上图:

 

QQ截图未命名2

说明一下:用的方法很蹩,不过也只能这样了,限制太严格了。鼠标移上去会显示原来的搜索框,而且还会小闪一下,不知道的人感觉挺好玩的,其实我还没找到办法让它不闪。。这个经测试,适用于大多数模板,测试过IE8,Chrome,FireFox等浏览器,都没问题。

我的博客还有一些修改的地方,这里贴出添加腾讯微博的方法,其它的可以进入我的博客:http://blog.csdn.com/iijse,自己研究。呵呵。

   1: /* 添加腾讯微博 */

   2: #csdnblog_header ul#personalnav { top:0; }

   3: #csdnblog_header ul#blogsearchsty  { margin-top:-82px; position:relative; text-indent:-9999px; z-index:9999 }

   4: #csdnblog_header ul#blogsearchsty  li.selectsty+li { 

   5: background: url(http://v.t.qq.com/sign/ijse-cn/18e3eb79ada06d702200a2f2bb39d593f2414af4/1.jpg) no-repeat center bottom;

   6: display: block;

   7: height: 100px;

   8: position: absolute;

   9: right: 0px;

  10: text-align: right;

  11: width: 380px;

  12: }

  13: #csdnblog_header ul#blogsearchsty  li.selectsty+li input { display:none; }

抱歉!评论已关闭.