WordPress CSS3 时尚时钟小工具
终于一天清闲,把之前做的一个CSS3时钟教程以插件的形式做成了wordpress的小工具,安装方法和插件一样
将压缩包中的文件传入wp-content/plugins中
启用插件后进入小工具,看见“我的时钟”,将其拖至侧栏
…终于一天清闲,把之前做的一个CSS3时钟教程以插件的形式做成了wordpress的小工具,安装方法和插件一样
将压缩包中的文件传入wp-content/plugins中
启用插件后进入小工具,看见“我的时钟”,将其拖至侧栏
…上个月刚丢了台手机,今早又一台阵亡,陪伴我数年的笔记本电脑也差不多要驾鹤西去,连天气也是如此让人心神不定。我佛慈悲,望八月之后,赐予我些许光芒。
马上就要步入9月,每天都有做不完的事,却又说不上来到底做了些什么事,眼看着一年又要过去,那么,还是得加把劲啊。
SimpleHome由GreenCatch升级而来,布局还是和从前一样,是一款三栏响应式扁平化风格的主题,并且较之前的基础上做了大量的改动,提升了主题修改的灵活性。
闲下来的时候就爱捣鼓些小玩意,顺便来一首经典的老歌,随意感受一下^_^,回归正题,今天给大家带来的是一款由CSS3实现的实时时钟(DEMO的链接在文本的末尾),主要的思路是利用css3的transform和animation来实现一个会走的钟摆,那么,为什么会利用到PHP呢?因为要通过animation制作一个指针转动的动画,但是在animation动画中,指针的起始点要根据实际的时间来控制,我们就需要PHP的帮助,通过下面的代码计算出时针,分针,秒针的初始位置:
date_default_timezone_set('Asia/Shanghai');
$sec = date('s');
$min = date('i')+$sec/60;
$hour = date('H')+$min/60;
$hour_deg = floor($hour/12*360);
$min_deg = floor($min/60*360);
$sec_deg = floor($sec/60*360);
… 我的爸妈绝对是世界上最缺心眼的人,他们借了别人的钱之后都会承诺“欠你们的钱我们通通都会还给你的”,然后他们生下了我,取名叫通通。
很多时候我们会发现Wordpress自带的小工具不能完全的满足我们的需求。这个时候我们就需要动手去制作一个小工具,今天先从最简单的一个小工具——热门标签说起
那么制作小工具,我们需要借住Wordpress的挂件接口,首先,我们要创建一个类
class hotTag extends WP_Widget {...}
这个类是继承自WP_Widget这个类,类名为hotTag(热门标签)
当然光光是这样妥妥的不行,类中分别需要包含如下几个方法
接下来我们来看下完整的代码
<?php
/**
*
*
… 从昨天前往厦门,直至今天回到家中,雨一直未曾停过。路程虽赶,事情还算顺利。接下来的几天会把GreenCatch中的问题修复以及准备新版本的发布。
用了这么久的Photoshop,还是没办法完全掌握PS的快捷键。在优设(uisdc.com)上看到这篇文章,归类的很清楚,和大家分享一下。
PS常用快捷键大全!!!设计师入门级新手大礼包!!还在冒着得鼠标手的危险玩ps鼠标流吗?!还在透过比啤酒瓶底还厚的镜片找工具按钮吗?!何苦为难自己呢,赶紧把这套常用快捷键大全收集起来吧!绝对耍PS的时候,键盘敲得杠杠滴~!
制图作者:@你丫才美工
今天心情如天气,虽然有些不尽人意的小状况发生,但总归来说还是晴朗无云,所以为日志类型的文章加上了天气的功能。
最新评论