• 展开微博窗口
  • QQ:52619941
  • 微信:cnmemory
  • 展开分类目录
  • 还没有账号?

Memory

心情

今天心情如天气,虽然有些不尽人意的小状况发生,但总归来说还是晴朗无云,所以为日志类型的文章加上了天气的功能。

星期一

GreenCatch 1.0 开放下载

今天把寒舍之前用的主题提供出来给大家下载,我给他命名为GreenCatch,首先简单介绍一下,这是一款响应式三栏布局的博客主题,全局以绿色为基调,黑灰色为辅,以玫红点睛。 说实话,我个人对于前端来说,并不是有多熟悉多深入,只是有点小热爱,以至于你可能会发觉它布局不合理,代码结构不合理的地方,就像随意堆砌的墙和认真堆砌的墙,刷上油漆后虽然外表都一样,但内在绝对有优异之分,并且我这个人比较懒,很多东西我都是就简略带过,所以这款主题还有很多不足之处,现在提供给大家下载,一是为了和大家分享我的作品,二是希望大家能够发现它的不足,以便去更好的完善它。 那么,至于演示呢,其实与现在的寒舍相差无几。

下载GreenCatch 1.0

PS:大家可以把你们的想法评论在下方(譬如主题的BUG,改进的意见),我都会一一认真阅读并尽量满足大家的要求。…

惊喜

原来在Wordpress中已经集成了MediaElement.js,通过wp_enqueue_script('wp-mediaelement')和wp_enqueue_style('wp-mediaelement')分别把MediaElemen的css和js引入就好啦。

星期六

Trespassing

Trespassing is the second studio album by Adam Lambert, originally scheduled for U.S. release on March 20, 2012. In mid-February

一言一语

为新的主题(SimpleHome)加上了日志形式的文章,也不能称之为新,只是在GreenCatch的基础上做出了一些修改,使得各方面的布局相对统一,说实话,之前GreenCatch的风格越改越有些不伦不类的感觉,这几天比较忙,过段时间我会整理一下,将GreenCatch分享给大家~

星期五

电子菜单系统展示

传统菜单制作成本高,工艺复杂周期长,显示的信息量小,更换非常麻烦。由此,我诞生了

采用HTML5+CSS3这样的开发设计为的是能够最大限度的节省开发成本并且实现多平台的应用,虽然该电子菜单本身的功能并不算多强大,只具有产品展示,产品介绍,价格标签等传统菜单具备的功能,然而相对于传统菜单来说,优点显而易见,那就是电子菜单更新简单,更新速度快,简单明了的界面却具备了传统菜单应有的信息,大图浏览模式更容易抓住客户的眼球。

展示地址:http://im050.com/im050/yeboqingba/

CSS3制作3D跳动的小球

今天在网上看到一个国外写的CSS3 3D Bouncing Ball(3D反弹球),很有意思,并且实现起来也不难,于是忍不住自己也试写一遍。

大家可以先看看DEMO,http://www.im050.com/im050/memory/demo/css3-bouncing-ball.html

好玩的东西当然要大家一起分享,所以接下来我就简单讲解一下如何实现跳动的效果

<div class="wrap">
 <div class="ball">
 <div></div>
 </div>
 <div class="ballshadow"></div>
</div>

首先讲解一下结构,wrap是用来控制小球跳动的区域,ball就是小球啦,ballshadow是用来制作小球的投影,因为小球的运动和投影部分的运动(动画)效果是分开的,所以小球和投影部分要两个div来组成,而wrap设置的高度即为小球运动的高度,此时我们就可以通过top属性来很好的控制小球的位置变化。

小球运动区域CSS

.wrap {
 

一些wordpress主题制作中功能文件(functions.php)里常会用到的函数

在Wordpress主题开发过程中,会创建一个functions.php的文件来创建自定义代码,对原有功能的拓展及程序逻辑的完善,这就是Wordpress主题的功能文件。当主题被启用时,Wordpress会自动加载主题中的functions.php。

有些时候,我们在更换不同主题的过程中,会发现缺失了一些常见的功能,譬如特色图像、自定义菜单等等,因为这些东西的启用都与主题的功能文件有关,接下来我们看看如何来启用一些我们所常见的功能。

为主题添加FEED链接

add_theme_support( 'automatic-feed-links' );

为主题启用特色图像功能

add_theme_support( 'post-thumbnails' );

为主题启用文章格式功能

add_theme_support( 'post-formats', array( 'aside', 'image', 'video', 'quote', 'link' )