非插件为网站添加悬浮公告栏

觉得给网站加个公告不错,但是目前看到的都是在页首或者页尾显示公告条,很不爽,在http://wange.im 看到他的显示的不错,就仿了一下。

CSS没有修改,只是修改了显示内容。感觉跟我这个主题还是比较配的,你如果不喜欢就自己修改CSS

将以下代码加人footer.php(推荐)或者header.php,其中橙色部分为显示内容,你可以自己更改。支持html,php代码。

<!–hellobaby–> <div id=”hellobaby” style=”top: 250px; “> 欢迎来来到<a href=”http://ishare.cn.ms” target=”_blank”>ishare爱分享!</a><br /> <b>公告:</b>这几天暂时不更新! <div> <a href=”javascript:void(0)” onclick=”$(‘#hellobaby’).slideUp(‘slow’);$(‘.closebox’).css(‘display’,’none’);” title=”关闭”>×</a> </div> </div>

以下代码加人style.css

/* Hello Baby */ #hellobaby{background:#000;border:1px solid #c8c8c8;color:#fff;font:1.4em/1.4 Arial,SimSun;padding:10px;position:absolute;right:0;top:250px;} #hellobaby .closebox{position:absolute;right:5px;top:0;} #hellobaby a{color:#F9BA46;} #hellobaby a:hover{color:#0073AF;} /*– Css3 –*/ #hellobaby{opacity:0.7;border-radius:5px 0 0 5px;}

转载自iShare爱分享

 

发表评论

电子邮件地址不会被公开。 必填项已用 * 标注

您可以使用这些 HTML 标签和属性: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>