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 }?>

43571503970335.png

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;}
添加好以后刷新ctrl+f5强制清空缓存,应该就可以了,此代码测试emlog系统,其他的不知道行不行,自行测试吧。

本文标签:

版权声明:若无特殊注明,本文皆为《吴凯旋》原创,转载请保留文章出处。

本文链接:emlog博客在右下角添加不同时段出现的问候语 - https://xiaokai521.cn/post-159.html

发表评论

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

00:00 / 00:00
顺序播放