emlog博客在右下角添加不同时段出现的问候语
使用的是随机问候语,右下角样式的温馨提示语句,非常不错吧 可以有效的与用户互动促进感情。
我加了一个只在首页显示的代码 所以问候语只会在首页出现,话不多说了,直接上教程代码。
1、添加以下代码到模版文件夹的footer.php文件</body>标签之前。
<?php if (rtrim(BLOG_URL,'/').$_SERVER['REQUEST_URI'] == BLOG_URL){?> <div id="welcome"><div class="sidebar"><div class="widget widget_ui_textads widget_twitter"><a class="style01"><strong style="color:red">温馨提示:</strong><br><br><font size="2" color="#999"><script language="JavaScript"> day = new Date( ) nge_Hour = day.getHours( ) var nge_warmprompt = ""; if (nge_Hour == 0) nge_warmprompt = "现在已经过凌晨了,身体是无价的资本喔,小伙伴早点休息吧!" if (nge_Hour == 1) nge_warmprompt = "凌晨1点多了,工作是永远都做不完的,小伙伴别熬坏身子!" if (nge_Hour == 2) nge_warmprompt = "两点多了,亲爱的小伙伴该休息了,身体可是革命的本钱啊!" if (nge_Hour == 3) nge_warmprompt = "夜深了,熬夜很容易导致身体内分泌失调,长痘痘的!" if (nge_Hour == 4) nge_warmprompt = "四点过了额(⊙o⊙)…,你明天不学习工作吗???" if (nge_Hour == 5) nge_warmprompt = "你知道吗,此时是国内网络速度最快的时候!" if (nge_Hour == 6) nge_warmprompt = "清晨好,这么早就来网站啦,谢谢小伙伴的关注哦,昨晚做的梦好吗? " if (nge_Hour == 7) nge_warmprompt = "新的一天又开始了,祝你过得快乐!" if (nge_Hour == 8) nge_warmprompt = "小伙伴早上好哦,一天之际在于晨,又是美好的一天!" if ((nge_Hour == 9) || (nge_Hour ==10)) nge_warmprompt = "上午好!今天你看上去好精神哦!" if (( nge_Hour == 11) || (nge_Hour == 12)) nge_warmprompt = "小伙伴啊!该吃午饭啦!有什么好吃的?您有中午休息的好习惯吗?" if (( nge_Hour >= 13) && (nge_Hour <= 17)) nge_warmprompt = "下午好!外面的天气好吗?记得朵朵白云曾捎来朋友殷殷的祝福。" if (( nge_Hour >= 17) && (nge_Hour <= 18)) nge_warmprompt = "太阳落山了!快看看夕阳吧!如果外面下雨,就不必了 ^_^" if (( nge_Hour >= 18) && (nge_Hour <= 19)) nge_warmprompt = "晚上好,小伙伴今天的心情怎么样?去留言板诉说一下吧!" if (( nge_Hour >= 19) && (nge_Hour <= 21)) nge_warmprompt = "忙碌了一天,累了吧?去看看最新的新闻资讯醒醒脑吧!" if (( nge_Hour >= 22) && (nge_Hour <= 23)) nge_warmprompt = "这么晚了,小伙伴还在上网?早点洗洗睡吧,睡前记得洗洗脸喔!明天一天都会萌萌哒!" document.write("<div id='welcomefont'><i class='fa fa-clock-o'></i> ") document.write(nge_warmprompt) document.write("</div>")</script></font><br></a></div></div><div class="closebox"><a href="javascript:void(0)" onclick="$('#welcome'). slideUp('slow');$('.closebox').css('display','none');" title="关闭">我知道了</a></div> </div> <?php }?>
2、添加以下css样式到模版公用style.css文件中。
#welcome {width:200px;background:#ffffff;border:0px solid #ffffff;color:#000000;font-size:14px;opacity:0.7;filter:alpha(opacity=70);padding:10px 20px;position:fixed;right:15px;bottom:25px;z-index:99999;border-top-left-radius: 15px;border-bottom-right-radius: 15px;border-top-right-radius: 15px;border-bottom-left-radius: 15px;} #welcomefont{word-wrap:break-word;width: 200px;color:rgb(34, 101, 67);} .from-url{color:#dd8d8d;} .closebox{float:center;text-align:center;font-size:16px;margin-top:10px;} #welcome:hover{box-shadow:rgb(136, 123, 123) 3px 2px 5px;opacity:1;}
添加好以后刷新缓存,应该就可以了,此代码测试emlog系统,其他的不知道行不行,自行测试吧。