emlog博客在右下角添加不同时段出现的问候语

60d3cb3798a57212ebf85380e4b6150b.jpg

使用的是随机问候语,右下角样式的温馨提示语句,非常不错吧 可以有效的与用户互动促进感情。

我加了一个只在首页显示的代码 所以问候语只会在首页出现,话不多说了,直接上教程代码。

1、添加以下代码到模版文件夹的footer.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系统,其他的不知道行不行,自行测试吧。

原创地址:杨小杰博客