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

    技术2024-04-20  18

    ..

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

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

     

    说明一下:用的方法很蹩,不过也只能这样了,限制太严格了。鼠标移上去会显示原来的搜索框,而且还会小闪一下,不知道的人感觉挺好玩的,其实我还没找到办法让它不闪。。这个经测试,适用于大多数模板,测试过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; }
    最新回复(0)