HardBirch

【WordPress无插件】公告栏无插件实现滚动

时间:12-11-15 栏目:WP技巧分享 作者:魔豆先生 评论:1 点击: 7,680 次

WordPress需要建立滚动公告栏的话,教一种无插件的方式,快速实现,手把手教您!

1.下载 滚动公告栏代码,放置在主题目录下

 

2.在主题style.css的文件中添加相应的css样式。代码如下:
.scrollnews {border: 1px solid #DADADA;width:260px;margin:10px 0 0 0;padding: 10px 5px 10px 10px;float:left;overflow:hidden;}

3.在需要添加滚动公告栏的位置添加相应的iframe代码,本文添加到sidebar上,所以代码会添加在sidebar.php文件中,代码如下:

    <p>
<div><iframe height="40" marginHeight="0" src="<?php bloginfo('template_url'); ?>/scroll/index.htm" frameBorder="0" width="260" marginWidth="0" scrolling="no"></iframe></div>
</p>

 

4.完毕后,看到的效果如下:

声明: 本文由( 魔豆先生 )原创编译,转载请保留链接: 【WordPress无插件】公告栏无插件实现滚动

【WordPress无插件】公告栏无插件实现滚动:目前有1 条留言

  1. 博主的技术不错

    2012-12-06 03:21 [回复]

发表评论


QQ群互动

Linux系统与内核学习群:194051772

WP建站技术学习交流群:194062106

魔豆之路QR

魔豆的Linux内核之路

魔豆的Linux内核之路

优秀工程师当看优秀书籍

优秀程序员,要看优秀书!

赞助商广告

友荐云推荐