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

来源：互联网发布：舞台灯光编程软件mac 编辑：程序博客网时间：2024/05/20 20:01

无聊的时候研究了下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; }