给博客右下角添加了一个弹出层

[buy]可以读写cookie,过期时间设置的有点短,不过长了也就没有意思了。。。嘿嘿~js跟图片路径都是写的绝对路径,直接拷贝绝对不影响使用,不过因为会写cookie,测试的话会麻烦一点。。[/buy]
[warning]js什么的里面并没有什么东西,我就不放出来了,想要的可以直接在源代码里面找另外,这个弹窗是淘宝的。。。拿来用用,版权归淘宝所属[/warning]
下面是源码:
[cce_html]
<STYLE type=text/css media=screen>
ul{ padding:0px; margin:0px;}
#downmsg_emessage {
Z-INDEX: 100; RIGHT: 0px; BACKGROUND: url(https://www.myluoluo.com/wp-content/Show/down_msg_bg.gif) no-repeat left top; WIDTH: 225px; BOTTOM: 0px; POSITION: fixed; _position: absolute
}
#donwmsg_head {
MARGIN-TOP: 6px; DISPLAY: inline; FONT-SIZE: 12px; FLOAT: left; MARGIN-LEFT: 26px; COLOR: #ffffff
}
#downmsgBar .close {
MARGIN-TOP: 6px; DISPLAY: block; FLOAT: right; WIDTH: 11px; MARGIN-RIGHT: 5px; HEIGHT: 11px
}
#downmsgBar {
HEIGHT: 25px
}
#donwmsg_content {
OVERFLOW: hidden; HEIGHT: 162px
}
#donwmsg_content UL {
PADDING-RIGHT: 10px; PADDING-LEFT: 10px; FONT-SIZE: 12px; LEFT: 6px; PADDING-BOTTOM: 0px; COLOR: #007cc1; LINE-HEIGHT: 180%; PADDING-TOP: 10px; TOP: 34px
}
#donwmsg_content UL LI {
BACKGROUND: url(https://www.myluoluo.com/wp-content/Show/down_msg_bg.gif) no-repeat -100px -245px; TEXT-INDENT: 13px
}
#donwmsg_content UL LI A {
COLOR: #007cc1
}
#donwmsg_content UL .ll A {
FONT-WEIGHT: bold; COLOR: #a10000
}
#donwmsg_content P {
LEFT: 13px; POSITION: absolute; TOP: 157px
}
#donwmsg_content .lb {
PADDING-RIGHT: 14px; PADDING-LEFT: 14px; PADDING-BOTTOM: 14px; PADDING-TOP: 14px; TEXT-ALIGN: center
}
#donwmsg_content .lb a{ font-size:13px;}
.msg-hidden-btn-2 {
MARGIN-TOP: 6px; DISPLAY: block; BACKGROUND: url(https://www.myluoluo.com/wp-content/Show/down_msg_bg.gif) no-repeat left -250px; FLOAT: right; OVERFLOW: hidden; WIDTH: 11px; MARGIN-RIGHT: 5px; HEIGHT: 11px
}
.msg-hidden-btn-1 {
MARGIN-TOP: 6px; DISPLAY: block; BACKGROUND: url(https://www.myluoluo.com/wp-content/Show/down_msg_bg.gif) no-repeat -50px -250px; FLOAT: right; OVERFLOW: hidden; WIDTH: 11px; MARGIN-RIGHT: 5px; HEIGHT: 11px
}
.sectionshover .trans {
BORDER-RIGHT: #ffc600 1px solid; BORDER-TOP: #ffc600 1px solid; BORDER-LEFT: #ffc600 1px solid; BORDER-BOTTOM: #ffc600 1px solid; HEIGHT: 24px; BACKGROUND-COLOR: #fff0b6
}
.sectionshover .trans LI {
CLEAR: none; FLOAT: left; WIDTH: 200px
}
.mm_gg LI {
PADDING-LEFT: 15px; BACKGROUND: url(https://www.myluoluo.com/wp-content/Show/1254189745035.gif) no-repeat 4px 8px; LINE-HEIGHT: 20px
}
.mm_gg LI A {
COLOR: #8f3434
}
.mm_gg LI A:hover {
COLOR: #8f3434
}
.mm_gg LI:visited {
COLOR: #8f3434
}
</STYLE>

<SCRIPT src=”https://www.myluoluo.com/wp-content/Show/jsc.js” type=text/javascript></SCRIPT>
<SCRIPT src=”https://www.myluoluo.com/wp-content/Show/lightbox.js” type=text/javascript></SCRIPT>
<DIV id=downmsg_emessage style=”DISPLAY: none”>
<DIV id=downmsgBar>
<DIV id=donwmsg_head>笨笨.Blog 黑板报</DIV>
<A class=close href=”javascript:closeDiv()”></A>
<A class=msg-hidden-btn-1 id=msg_hidden_btn href=”javascript:showHideDiv()”>&nbsp;</A>
</DIV>
<DIV id=donwmsg_content>
<UL>
<LI class=ll><a href=”https://www.myluoluo.com/index.php/blog_free_space.love/” target=”_blank”>笨笨.Blog再次招邻居,提供免费空间</a></LI>
<LI><a href=”https://www.myluoluo.com/index.php/fucking.love/” target=”_blank”>现实中的一大悲哀…</a></LI>
<LI><a href=”https://www.myluoluo.com/index.php/domain-name.love/” target=”_blank”>域名的选购与主机的选择(导航)</a></LI>
<LI><a href=”https://www.myluoluo.com/index.php/kloxo_ftp.love/” target=”_blank”>WP需要填写FTP的解决方法</a></LI>
<LI><a href=”https://www.myluoluo.com/index.php/mouse_demo.love/” target=”_blank”>美化博客,更改鼠标显示效果</a></LI>
</UL>
<DIV class=lb>
<a href=”http://qun.qq.com/#jointhegroup/gid/231085587″ target=”_blank”>腾讯QQ群</a>
</DIV>
</DIV>
</DIV>
<SCRIPT src=”https://www.myluoluo.com/wp-content/Show/down_msg.js”
type=text/javascript></SCRIPT>
<SCRIPT type=text/javascript>
_jsc.util.addEvent(window,”load”,function(){
var downmsg = new downMsg(“downmsg_emessage”,”donwmsg_content”,{start_delay:2000, speed: 5, movepx:2,cookie:’downMsgcookie’,expiresDay:1});
downmsg.init();
})
</SCRIPT>
[/cce_html]

鼠标指针的实现

编辑主题文件(header.php) 然后添加下面的代码,

—————————————[cce_html]

a:hover {

cursor:url(https://www.myluoluo.com/cursor/1.cur), pointer;}

body{ cursor:url(https://www.myluoluo.com/cursor/Arrow.cur),default;

}[/cce_html]

—————————————

添加到<head profile=”http://gmpg.org/xfn/11“>后面就可以,也就是head标签内 另外鼠标可以自己找,也可以引用我的,也可以把我的下载下来^_^
桃花坞里桃花庵,桃花庵里桃花仙; 
桃花仙人种桃树,又摘桃花换酒钱。
酒醒只在花间坐,酒醉还来花下眠;
半醒半醉日复日,花开花落年复年。
但愿老死花酒间,不愿鞠躬车马前;
车尘马足贵者趣,酒盏花枝贫者缘。
若将贫贱比贫者,一在平地一在天;
若将贫贱比车马,他得驱驰我得闲。
他人笑我太疯癫,我笑他人看不穿;
不见五陵豪杰墓,无花无酒锄作田。

“给博客右下角添加了一个弹出层”的7个回复

    1. 编辑主题文件(header.php)
      然后添加下面的代码,
      —————————————

      —————————————
      添加到后面就可以
      另外鼠标可以自己找,也可以引用我的,也可以把我的下载下来^_^

发表评论

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