简单为博客增加圣诞气氛
明天就是圣诞节了,刚好有事要出门,再此先向朋友们说声:圣诞快乐! 😳
我们这边是农村,自从毕业后就没什么圣诞活动了。so,下午花了点时间折腾下wp,为博客添加了点圣诞气氛。
一番修改之后,自我感觉良好。维持个一周左右就还原。明年还可以拿出来用,嘿嘿。
方法都很简单,大部分在朋友们的博客收集来的,特此推荐。
给你的朋友们戴上圣诞帽
亲爱的朋友们,没什么礼物可以送给你们,那么请让我为你们戴上圣诞帽。
正确来说是给评论者头像戴上圣诞帽,示例:
技术粗糙,样式有点囧,别见怪哈
实现方式很简单,我采用的是修改头像显示的Css,增加背景图片的方法。
先找一个靠谱的圣诞帽图片素材,处理很理想的大小和角度,放到主题目录中。
以inove为例,编辑style.css,将.comment .pic 和.comment .avatar修改为以下样式:
.comment .pic { background:url(img/hat.gif) no-repeat center; padding-top:48px; padding-right:14px; margin-top:10px; } .comment .avatar { width:32px; height:32px; }
其中的img/hat.gif就是帽子图片的路径。
需要圣诞帽素材的朋友,可以看水水的这篇:《圣诞帽透明png素材下载》。
嵌套的头像需要另外修改,由于我这里的效果不太好,就不弄了。
为你的博客添加下雪效果
只需要将这段js加到你的主题中,就可以让你的博客雪花飞舞。
<script src="http://s1.wordpress.com/wp-content/plugins/snow/snowstorm.js" type="text/javascript"></script>
本方法来自awflasher,原作者是Scott Schiller。
当然,还有插件的方法实现。
小T同学介绍的let it snow,作者同样是Scott Schiller。跟上面那段代码差不多,可以设置雪花数量,速度,是否停靠浏览器,是否跟随鼠标移动。
注意:下雪效果会增加浏览者cpu占用,特别是ie浏览器。
圣诞雪人:wp-christmas
柳城同学的作品wp-christmas,可以在博客上显示圣诞雪人Flash,可选飘雪效果,这个雪花比起上面的要大些。
同样有代码实现方式:
<div id="MagicFace" Style="POSITION:absolute;Z-INDEX:99;visibility:hidden;"><script language="JavaScript" src="http://liucheng.name/wp-content/plugins/wp-christmas/wp-christmas.js"></script></div>
wordpress博客,推荐放在footer.php的/body之前。
其他资源
SoleilNeon同学推荐的《圣诞主题的WordPress主题与矢量图形》也不错,我的banner就是从那个主题里面挖来的。
有兴趣也可以看看 :
Serho同学的《圣诞献礼——圣诞节小玩意》。
Hobo同学的《66张圣诞壁纸在节日里装点你的桌面》,选择很多呢。
再一次:圣诞快乐^ ^
» 转载请以超链接形式注明来源:A.shun Blog » 《简单为博客增加圣诞气氛》
» 本文链接地址:https://shun.im/21323
雪花挺漂亮
若若的问个问题 我也用的这个主题 请问怎么在评论处加上表情啊?
@dev, 添加表情的方法挺多的,有插件我也有代码的。
插件建议有Highslide4WP、Custom Smilies、Custom Smilies se、WP Grins
代码可以查看http://zww.me/archives/24672
这儿人气真足~
圣诞快乐
@Yibie, 圣诞快乐 🙂
戴帽子
哇,博客太漂亮了,可惜我是asp语言,不会弄呀。。郁闷…………
@andy, 跟php和asp没什么关系。就用下css和js而已
哈哈 给每个人都带上帽子了
看看我還有帽子沒 😀
来晚了点,我也来戴圣诞帽
呵呵 非常棒 雪花已经用上了
这个不错,我也带带
雪花好玩,跟着鼠标走 😀
好有心思耶~~ 😮 来戴顶圣诞帽 😎
礼盒挺漂亮的
我記得我是有過來祝賀的吧~~
A.shun同學,你最近怎樣了呢?
@Yibie, 有的,你貌似输错email了,头像显示不正确。
过得还想吧,哈
hoho
也戴个圣诞帽看看 ➡
我代表TMD人人网到这里来告你偷盗人人网的创意~恩
@托尔·银月, 我以自己从来不上人人网自豪 😳
@shun, 不是因为MM,我也不上~
接下去就是春节了!
这个很好!收藏下~
气氛确实不错
我来看看我的帽子好看不?
迟来的祝福,祝你好运
哈哈,很有意思,留言头像上还有圣诞帽
我也来了,虽然有点晚。
@LAONB, 呵呵,不晚 😳
很有意思,只是没有时间折腾WP了。
呵呵,最上面的 banner 倒是挺温馨滴 😛
@睡到自然醒blog, 你那个banner才让我口水呢 😀
挺幽默的啊,哈哈,头像上都带了红帽子,还好不是绿的,否则你要被群殴了。
哈哈好喜庆 我也来带个圣诞帽
有意思的效果 ~( ̄▽ ̄)~*
@ELL, 😛 可惜ell同学来得有些晚,我昨天撤下了
效果不大好,戴帽应该是tw上流行的吧?