纯CSS实现打赏功能模块

纯CSS实现打赏功能模块

给自己的网站增加代码,网上搜搜看看发现大都是增加一个插件,大多数插件还是付费的,大家都知道对于wordpress来说,插件越多会越增加站点的负担,所以本人采用了纯代码的方式。废话不多说,效果图如下: 设置步骤为: 第一:将需要插入打赏功能的页面、模板(比如 single.php 文件)位置添加下面的 html 代码。 [xml] <div class="reward" s......继续阅读
HTML5 Canvas流动线条动画特效

HTML5 Canvas流动线条动画特效

先看下演示: [caption id="attachment_1281" align="alignnone" width="1175"] HTML5 Canvas流动线条动画特效[/caption] 或者看看liuyuanlin.com的顶部背景,可以借鉴一下。 怎么样?很好看把?可以用他在做背景等特效。 首先看下html结构代码: [xml] <!DOCTYPE html> <......继续阅读

适用于Bootstrap的菜单自定义类(开源)

Bootstrap是Twitter推出的开源前端框架(CSS、js、图标字体,该有的都有了),响应式设计,操作简单,上手容易,但是要写出优秀的网页,那就得多实践、多学习了!顺便说一下,Bootstrap比阿里巴巴推出的Kissy(js库)要好使多了!本文传播一个适用于Wordpress的Bootstrap菜单开源类! 先上代码: [code] < ?php add_action( 'afte......继续阅读

DIV布局自适应高度解决方案

问题:用WordPress的朋友应该知道,在做主题的时候,边栏和正文的背景不能同步高度。 解决: 1、如果#content,#sidebar在#container里面,那么直接设置#container的背景,其他两个都透明,这样从视觉上可以达到对齐效果。 2、使用JQ。 html部分: [code] <div id="content"> <div class=......继续阅读

网页兼容性调试工具-Firebug Lite

作为一名前端攻城狮,至少要有一样攻城武器,而 Firebug 就是其中最锋利的一款。然而,贵为最锋利的攻城武器,当然是不屑去攻打 IE6,IE7这种破城,所以这种破事就由他的同门师弟:Firebug Lite 去完成。虽然 Firebug Lite 没有他的师兄那般强大,但它灵活通用(IE6,7,8,chrome等),至少可以解决一般性的问题。下面来看看使用方法:1、直接调用文件: (按 F12 ......继续阅读

HTML5 之微数据

随着 HTML5 规范的发展,一些 HTML5 的特性已经逐渐被现代浏览器支持,Kayo 最近也给网站加入一些 HTML5 的特性,比如这次要介绍的微数据。 一.什么是微数据? 首先通俗地介绍一下,微数据是在如 span、div 的标签内添加属性,让机器(如搜索引擎)识别其意义,一些特定类型的信息,例如评论、人物信息或事件都有相应的属性,用来描述其意义。在这里再科普一下,给出谷歌关于微数据的解释:......继续阅读