• 注册
热门标签
↑ 收起导航

隐藏百度新闻代码LOGO以适合自己网站风格

由于网站内容需要,要在侧栏调用一些配合网站的新闻,我选择使用百度的免费新闻代码。百度新闻代码原理是利用搜索技术,调用用户自定义的符合网站或兴趣的新闻。

百度新闻搜索、免费代码申请地址:http://news.baidu.com/newscode.html

此功能确实比较好用,也能定制到符合你的新闻类型,比如我输入关键字:asp,会得到以下调用代码:

<style type=text/css> div{font-size:12px;font-family:arial}.baidu{font-size:14px;line-height:24px;font-family:arial} a,a:link{color:#0000cc;}

.baidu span{color:#6f6f6f;font-size:12px} a.more{color:#008000;}a.blk{color:#000;font-weight:bold;}</style>

<script language="JavaScript" type="text/JavaScript" src="http://news.baidu.com/ns?word=title%3Aasp&tn=newsfcu&from=news&cl=2&rn=5&ct=0"></script>

我们可以通过修改css样式来实现完美接合网站风格,这里不多说,上面代码显示效果如下图:

我的需要就是不让上图中的logo显示,我的操作很简单,就是换用其它图片来遮盖它。在上述代码后面加上红色语句:

<style type=text/css> div{font-size:12px;font-family:arial}.baidu{font-size:14px;line-height:24px;font-family:arial} a,a:link{color:#0000cc;}

.baidu span{color:#6f6f6f;font-size:12px} a.more{color:#008000;}a.blk{color:#000;font-weight:bold;}</style>

<script language="JavaScript" type="text/JavaScript" src="http://news.baidu.com/ns?word=title%3Aasp&tn=newsfcu&from=news&cl=2&rn=5&ct=0"></script>

<DIV style="position:absolute; top:10px; left:10px;"align=center><IMG style="WIDTH: 100px; HEIGHT: 32px" src="http://yangjunwei.com/images/nuodou.gif"></DIV>

显示效果如下图:

这样就达到了我的目的,其实也可以做个标题背景图,比如“相关文章”的背景图来实现遮盖,具体操作可在对应的DIV标签下做修改。如果你有其它方法,可以留言大家学习一下。

版权声明:转载请注明来自杨俊伟博客,本文地址:http://yangjunwei.com/a/410.html
除非注明,杨俊伟博客文章均为原创,转载请注明出处和链接!
 

沙发木了,占个板凳也不错~ »

  • 微酷
    2010/05/27 01:32:32

    你博客的导航很帅,自己做的吗?

    nuodou 于 2010-5-27 9:20:36 回复

    hover效果不会做,扒的迅雷的哈哈

发表评论 



我还是想用邮箱注册

登录

忘记密码 ?

用第三方帐号快捷登录

已有账户?前往登录吧~

注册