等待-放飞梦想 http://leotheme.cn 勤现在-乐将来 Wed, 25 Apr 2012 09:45:16 +0000 en hourly 1 http://wordpress.org/?v=3.3.1 Just one last dance http://leotheme.cn/musci/just-one-last-dance.html http://leotheme.cn/musci/just-one-last-dance.html#comments Tue, 17 Apr 2012 03:31:57 +0000 Await http://leotheme.cn/?p=1021 您可能也喜欢：
Work it right tonight
EveryTime
Google Chrome浏览器的隐藏功能和彩蛋
jQuery 实现 tab 切换一例
Photoshop打造漂亮的光线效果 无觅 ]]>

您可能也喜欢：

Work it right tonight
EveryTime
Opera中国版“朱雀”正式发布
CSS中关于背景图的应用技巧
无聊——写了一个TOP10的样式
无觅

相关文章

  • 2012-04-17 -- Work it right tonight (0)
    http://www.sarahc-media.ic.cz/Sarah%20Connor%20-%20Work%20It%20Right%20Tonight.mp3...
  • 2012-04-10 -- EveryTime (1)
    http://video.ycv-servers.com/media/audio/old/60607.mp3...
  • 2008-10-12 -- 推荐一个在线音乐播放器——Wersling MusicBox (3)
    Wersling MusicBox 是基于Flash技术开发的在线音乐播放器。目前拥有超过30GB,8000多首歌曲和音乐，并有专业的音乐编辑和网友即时更新，使音乐库不断的完善和更新；所有音乐的位速都...
]]> http://leotheme.cn/musci/just-one-last-dance.html/feed 1 Work it right tonight http://leotheme.cn/musci/work-it-right-tonight.html http://leotheme.cn/musci/work-it-right-tonight.html#comments Tue, 17 Apr 2012 03:05:43 +0000 Await http://leotheme.cn/?p=1017 您可能也喜欢：
Just one last dance
EveryTime
批量更改图片尺寸的ps脚本
浅议Web网页Form表单设计技巧
最佳网页IE浏览器兼容性测试工具(IE6 IE7 IE8共存) 无觅 ]]>

您可能也喜欢：

Just one last dance
EveryTime
Wondershare Flash SlideShow Builder v4.6.0 绿色版
一个简单的网页调色板
给你的BLOG添加漂亮的登陆效果
无觅

相关文章

  • 2012-04-17 -- Just one last dance (1)
    http://media01.glog.cc:8088/100/DEB2F71C07996.mp3...
  • 2012-04-10 -- EveryTime (1)
    http://video.ycv-servers.com/media/audio/old/60607.mp3...
  • 2008-10-12 -- 推荐一个在线音乐播放器——Wersling MusicBox (3)
    Wersling MusicBox 是基于Flash技术开发的在线音乐播放器。目前拥有超过30GB,8000多首歌曲和音乐，并有专业的音乐编辑和网友即时更新，使音乐库不断的完善和更新；所有音乐的位速都...
]]> http://leotheme.cn/musci/work-it-right-tonight.html/feed 0 T-ara : Lovey-Dovey http://leotheme.cn/musci/t-ara-lovey-dovey.html http://leotheme.cn/musci/t-ara-lovey-dovey.html#comments Tue, 10 Apr 2012 07:57:33 +0000 Await http://leotheme.cn/?p=1005 您可能也喜欢：
联想IdeaPad S9/S10的视频广告《爱，永远在线》
给你的BLOG添加漂亮的登陆效果
越长大越孤单
jQuery 实现 tab 切换一例
CSS 3.0 参考手册 (中文版) 无觅 ]]>

您可能也喜欢：

联想IdeaPad S9/S10的视频广告《爱，永远在线》
Opera中国版开发代号：朱雀
一个简单的网页调色板
推荐一个可爱的字体——方正喵呜体
关于Tab(选项卡)的一些实现方式
无觅

随机日志

  • 2008-11-02 -- IE6因为编码问题无法正确解析CSS文件 (1)
    我不知道大家有没有遇到这个问题,但我在发布Maxthon 1.0时遇到了这个问题,当时自己没发现,是有人用了后通知我时,才知道.后来花了很多时间去找问题,都没结果,后来实在没办法,就把CSS文件的注释...
  • 2008-08-14 -- JavaScript实现WordPress自由颜色主题切换 (2)
    关于自由切换颜色的主题目前有些主题自带这个功能了见下图： 现在来谈谈怎么实现这样一个功能。其实很简单的。不管是换颜色和主题，原理都是一样的，即通个调用不同的CSS来替换掉当前的CSS而实...
  • 2011-09-24 -- 使用lesscss来编码编写css (12)
    lesscss 是动态的样式表语言，他让css增加变量，组合，函数，运算等语法。这个项目的网站在国内访问不到，大家都懂的。 lesscss使用方法有两种： 页面添加一个 less.js的文...
  • 2008-08-14 -- Web标准常见问题集合[不断更新] (4)
    1.超链接访问过后hover样式就不出现的问题 被点击访问过的超链接样式不在具有hover和active了,很多人应该都遇到过这个问题，解决方法是改变CSS属性的排列顺序: L-V-H-A ...
  • 2008-08-14 -- WordPress主题之Maxthon 2.0.2[08-08-11] (9)
    Maxthon 2 这款主题做了很久很久，早在半年前我就开始着手设计和制作了。当时断断续续花了差不多一个月时间。 这款主题最初是想自己用的。所以当初做好后并没有发布。后来因为电脑出了问题拿去...
]]> http://leotheme.cn/musci/t-ara-lovey-dovey.html/feed 4 EveryTime http://leotheme.cn/musci/everytime.html http://leotheme.cn/musci/everytime.html#comments Tue, 10 Apr 2012 07:18:38 +0000 Await http://leotheme.cn/?p=1000 您可能也喜欢：
Just one last dance
越长大越孤单
Work it right tonight
推荐一个在线音乐播放器——Wersling MusicBox
分享忆捷F3(8G)U盘量产并成功启动经验 无觅 ]]>

您可能也喜欢：

Just one last dance
越长大越孤单
Work it right tonight
推荐一个在线音乐播放器——Wersling MusicBox
分享忆捷F3(8G)U盘量产并成功启动经验
无觅

相关文章

  • 2012-04-17 -- Just one last dance (1)
    http://media01.glog.cc:8088/100/DEB2F71C07996.mp3...
  • 2012-04-17 -- Work it right tonight (0)
    http://www.sarahc-media.ic.cz/Sarah%20Connor%20-%20Work%20It%20Right%20Tonight.mp3...
  • 2012-04-10 -- 越长大越孤单 (0)
    http://cdn.dropmark.com/12706/4f4643aa9cb93/yzdygd.mp3...
  • 2008-10-12 -- 推荐一个在线音乐播放器——Wersling MusicBox (3)
    Wersling MusicBox 是基于Flash技术开发的在线音乐播放器。目前拥有超过30GB,8000多首歌曲和音乐，并有专业的音乐编辑和网友即时更新，使音乐库不断的完善和更新；所有音乐的位速都...
]]> http://leotheme.cn/musci/everytime.html/feed 1 越长大越孤单 http://leotheme.cn/musci/yzdygd.html http://leotheme.cn/musci/yzdygd.html#comments Tue, 10 Apr 2012 06:13:17 +0000 Await http://leotheme.cn/?p=990 您可能也喜欢：
EveryTime
Mozilla Firefox 3.5 RC1简体版发布
分享忆捷F3(8G)U盘量产并成功启动经验
CSS 3.0 参考手册 (中文版)
RegSvr32 MsXmL3.DLL如此神奇 无觅 ]]>

您可能也喜欢：

EveryTime
Mozilla Firefox 3.5 RC1简体版发布
分享忆捷F3(8G)U盘量产并成功启动经验
CSS 3.0 参考手册 (中文版)
RegSvr32 MsXmL3.DLL如此神奇
无觅

相关文章

  • 2012-04-10 -- EveryTime (1)
    http://video.ycv-servers.com/media/audio/old/60607.mp3...
]]> http://leotheme.cn/musci/yzdygd.html/feed 0 使用lesscss来编码编写css http://leotheme.cn/javascript/use-lesscss-edit-css.html http://leotheme.cn/javascript/use-lesscss-edit-css.html#comments Sat, 24 Sep 2011 05:10:24 +0000 Await http://leotheme.cn/?p=958 styles.css 下面是一些lesscss的语法： 1、使用变量： // LESS @color: #4D926F; #header {   color: @color; } h2 {   color: @color; } /* Compiled CSS */ #header {   color: #4D926F; } h2 {   color: #4D926F; } 2、组合 [...]
您可能也喜欢：

IE6因为编码问题无法正确解析CSS文件
CSS 3.0 参考手册 (中文版)
关于CSS的书写习惯
CSS中关于背景图的应用技巧
CSS清除浮动的一些方法
无觅
]]> lesscss 是动态的样式表语言，他让css增加变量，组合，函数，运算等语法。这个项目的网站在国内访问不到，大家都懂的。

lesscss使用方法有两种：

页面添加一个 less.js的文件，css使用 style.less 文件后缀来编写，不过需要有服务器的环境支持

  1. <link rel="stylesheet/less" type="text/css" href="styles.less">
  2. <script src="less.js" type="text/javascript"></script>

在服务器端使用node.js来编译，node.js 使用 less的方法如下：
先使用npm包管理器来安装
$ npm install less
然后就可以使用命令行来编译压缩less代码了
$ lessc styles.less > styles.css

lesscss
下面是一些lesscss的语法：

1、使用变量：

  1. // LESS
  2. @color: #4D926F;
  3. #header {
  4.   color: @color;
  5. }
  6. h2 {
  7.   color: @color;
  8. }
  9. /* Compiled CSS */
  10. #header {
  11.   color: #4D926F;
  12. }
  13. h2 {
  14.   color: #4D926F;
  15. }

2、组合

  1. // LESS
  2.  
  3. .rounded-corners (@radius: 5px) {
  4.   border-radius: @radius;
  5.   -webkit-border-radius: @radius;
  6.   -moz-border-radius: @radius;
  7. }
  8.  
  9. #header {
  10.   .rounded-corners;
  11. }
  12. #footer {
  13.   .rounded-corners(10px);
  14. }
  15. /* Compiled CSS */
  16.  
  17. #header {
  18.   border-radius: 5px;
  19.   -webkit-border-radius: 5px;
  20.   -moz-border-radius: 5px;
  21. }
  22. #footer {
  23.   border-radius: 10px;
  24.   -webkit-border-radius: 10px;
  25.   -moz-border-radius: 10px;
  26. }

3、选择器

  1. // LESS
  2.  
  3. #header {
  4.   h1 {
  5.     font-size: 26px;
  6.     font-weight: bold;
  7.   }
  8.   p { font-size: 12px;
  9.     a { text-decoration: none;
  10.       &:hover { border-width: 1px }
  11.     }
  12.   }
  13. }
  14.  
  15. /* Compiled CSS */
  16.  
  17. #header h1 {
  18.   font-size: 26px;
  19.   font-weight: bold;
  20. }
  21. #header p {
  22.   font-size: 12px;
  23. }
  24. #header p a {
  25.   text-decoration: none;
  26. }
  27. #header p a:hover {
  28.   border-width: 1px;
  29. }

4、变量预算

  1. // LESS
  2.  
  3. @the-border: 1px;
  4. @base-color: #111;
  5. @red:        #842210;
  6.  
  7. #header {
  8.   color: @base-color * 3;
  9.   border-left: @the-border;
  10.   border-right: @the-border * 2;
  11. }
  12. #footer {
  13.   color: @base-color + #003300;
  14.   border-color: desaturate(@red, 10%);
  15. }
  16.  
  17. /* Compiled CSS */
  18.  
  19. #header {
  20.   color: #333;
  21.   border-left: 1px;
  22.   border-right: 2px;
  23. }
  24. #footer {
  25.   color: #114411;
  26.   border-color: #7d2717;
  27. }

5、import 外部css

  1. @import "lib.less";
  2. @import "lib";

通用引用了lesscss，我们就可以将css写得模块化，有更好的阅读性。

首先可以通过 import 讲网站的样式分成 n个模块，当页面需要哪个模块就引用哪个。还可以将css3那些新增的功能定义成类库，由于有函数的功能，那些圆角，阴影之类样式只需要定义一次就可以了。讲页面需要使用到的主要文本，边框，背景色定义成变量给后续样式使用，到时网站风格需要改变，颜色也很好的修改。

我个人觉得先阶段lesscss的不足有：

1. css3的样式不能自动补全其他浏览器的hack。
2.使用nodejs在window系统下的支持不够，不过最近刚刚不久发布了一个nodejs window版，这方面估计在不久的将来会改善
3.编辑器，ide对lesscss语法缩进支持不够友好。

转自–强记《使用lesscss来编码编写css》

您可能也喜欢：

IE6因为编码问题无法正确解析CSS文件
CSS 3.0 参考手册 (中文版)
关于CSS的书写习惯
CSS中关于背景图的应用技巧
CSS清除浮动的一些方法
无觅

相关文章

  • 2009-11-11 -- 左右两栏等高实现方法 (6)
    等高布局在实际的应用中会经常用到。最常见的是左边的内容很多。而右边的内容却很少。为了不让右边出现太多的空白，有时需要让右边的高度和左边的保持一致。实现的方法有很多，以前一般是用背景填充来模拟。虽然很简...
  • 2009-08-30 -- CSS 3.0 参考手册 (中文版) (9)
    作为一个Web开发者，保持对未来Web标准的关注、学习和了解是很重要的。不管你是第一次准备去认识CSS3，还是已经略知皮毛，这个来自腾讯的webteam发布的CSS 3.0 参考手册 (中文版)将有助...
  • 2009-07-07 -- 如何使你的CSS样式更易阅读? (15)
    在做wordpress主题的时候，样式是最重要的一部分。作为主题的制作者，我们不但要考滤页面的还原完整度，还要一个重要的就是要让CSS阅读起来很容易。因为不管我们怎么尽力去做到完美，但每个人都想主题更...
  • 2009-06-18 -- 关于CSS的书写习惯 (7)
    其实每个人都有自己喜欢的书写格式习惯，我在刚学CSS的时候，什么都不知道，只是要实现什么效果，我后就写个ID或类进去。放哪个位置也不管，丢进去就行了。反正效果实现了；后来当需要修改某些地方的时候，才发...
  • 2009-06-03 -- CSS实现自动换行的小技巧 (4)
    大家都知道连续的英文或数字能是容器被撑大，不能根据容器的大小自动换行，下面是 CSS如何将他们换行的方法！ 对于div 1.（IE浏览器）white-space:normal; word-...
]]> http://leotheme.cn/javascript/use-lesscss-edit-css.html/feed 12 Jsonp 方式跨域获取 json 数据 http://leotheme.cn/javascript/jsonp-get-json-data.html http://leotheme.cn/javascript/jsonp-get-json-data.html#comments Sat, 17 Sep 2011 00:56:02 +0000 Await http://leotheme.cn/?p=950 您可能也喜欢：
不刷新（AJAX）获取文章的内容
关于Tab(选项卡)的一些实现方式
搜狐博客开放平台博客模板设计大赛
如何合理使用链接打开方式
批量更改图片尺寸的ps脚本 无觅 ]]> 这两天一直大折腾这个腾讯微博的广播调用。在胖神的帮助下，总算完成的差不多了。基本上和腾讯微博的页面格式保持一致。
数据来源是用腾讯微博RSS/JSONP格式输出的地址。

  1. http://v.t.qq.com/output/json.php?type=2&name=Dawait&sign=d9fbc9349a11247c6a891050c4fae755b023303a

type=1 为我的广播；
type=2 为我的首页时间线；
直接打开这个地址，会看到有一串很大的数据，weiboData({Data…});一开始不了解这个JSONP是啥玩意。所以用PHP把这个做相应处理后再输出JSON格式，然后AJAX请求，返回后处理。后来在胖神（现在叫胖帝了）的指导下，才知道可以直接用JS读取数据。于是一翻折腾，总算完成了。后来查了查下资料，了解了一下 jsonp 跨域请求方式.跟大家分享一下。

其实 jsonp 是个很简单的一个东西。
主要是利用了 script 标签对 javascript 文档的动态解析来实现。（其实也可以用eval函数）。

来个超简单的例子：

提示：你可以先修改部分代码再运行。

点击运行之后会弹出一个对话框，内容为OK。
这里weiboData是回调函数名称，data就是里面的json数据。

Jsonp原理：

首先在客户端注册一个callback, 然后把callback的名字传给服务器。
此时，服务器先生成 json 数据。
然后以 javascript 语法的方式，生成一个function , function 名字就是传递上来的参数 jsonp.
最后将 json 数据直接以入参的方式，放置到 function 中，这样就生成了一段 js 语法的文档，返回给客户端。
客户端浏览器，解析script标签，并执行返回的 javascript 文档，此时数据作为参数，传入到了客户端预先定义好的 callback 函数里.（动态执行回调函数）

这个和上面的例子有点区别，腾讯微博是服务器生成固定的名称，客服端直接调用就行了。
到此终于知道JSONP是啥了。大家也可以试试去折腾

您可能也喜欢：

不刷新（AJAX）获取文章的内容
关于Tab(选项卡)的一些实现方式
搜狐博客开放平台博客模板设计大赛
如何合理使用链接打开方式
CSS 3.0 参考手册 (中文版)
无觅

随机日志

  • 2009-03-21 -- 用jquery写一个简单的菜单伸缩效果 (3)
    先看下效果图吧！其实是一个很简单的东西。只是对以前的知识复习下。这里就不做详细说明了，懂得jQuery的选择器和效果就行了。 jQuery的代码如下： jQuery(docum...
  • 2009-02-06 -- 不知道取个啥标题好! (3)
    已经很久很久没写文章了，不是因为忙，一直没心情写。2009年又来了十多天了，有些事该忘记了。从今天开始BLOG将继续更新。不过最近可能不会有太多的时间写文章，公司的事现在虽然不是很忙，但WOPUS那边...
  • 2008-10-10 -- 一个简单的网页调色板 (3)
    一个简单的调色版.效果不错. 红辣椒的调色板 table{background:#000;} tr,td{background:#fff; paddin...
  • 2008-10-09 -- 爆笑，史上脾气最好的接线员 (3)
    ...
  • 2011-06-07 -- 解决wordpress分页问题 (0)
    这是为解决使用query_post()函数调用某一类文章后引起的分页问题的办法。 query_post()非常有用，可以输出wordpress主循环以外的自定义文章，但是缺点在于覆盖了post变...
]]> http://leotheme.cn/javascript/jsonp-get-json-data.html/feed 6 jQuery中queue和dequeue的用法 http://leotheme.cn/javascript/jquery%e4%b8%adqueue%e5%92%8cdequeue%e7%9a%84%e7%94%a8%e6%b3%95.html http://leotheme.cn/javascript/jquery%e4%b8%adqueue%e5%92%8cdequeue%e7%9a%84%e7%94%a8%e6%b3%95.html#comments Thu, 08 Sep 2011 07:57:00 +0000 Await http://leotheme.cn/?p=945 您可能也喜欢：
jQuery性能优化指南
jQuery 实现 tab 切换一例
用jquery写一个简单的菜单伸缩效果
一个jQuery弹出层(tipsWindown)
jQuery实现背景图渐变切换 无觅 ]]> 今天在做右下角那个静止的工具栏时遇到了一个问题。鼠标放上去的时候，要让周围的4个按钮按顺序显示出来，移开的时候要按顺序隐藏。左思右想发现用animate的回调函数方式来写比较麻烦。于是百度了下，发现jQuery中有一个队列方法“queue”。
定义和用法
queue() 方法显示或操作在匹配元素上执行的函数队列。
queue和dequeue的过程主要是：
1，用queue把函数加入队列（通常是函数数组）
2，用dequeue将函数数组中的第一个函数取出，并执行(用shift()方法取出并执行）

也就意味着当再次执行dequeue的时候，得到的是另一个函数了
同时也意味着，如果不执行dequeue，那么队列中的下一个函数永远不会执行

对于一个元素上执行animate方法加动画，jQuery内部也会将其加入名为 fx 的函数队列
而对于多个元素要依次执行动画，则必须我们手动设置队列进行了。

一个例子，要两个div依次向左移动，点击这里查看
如果只是轮流移动次数较少，可以使用animate的回调函数来做，一个动画放在另一个动画的回调里边
比如

$(“#block1″).animate({left:”+=100″},function() {
$(“#block2″).animate({left:”+=100″},function() {
$(“#block1″).animate({left:”+=100″},function() {
$(“#block2″).animate({left:”+=100″},function() {
$(“#block1″).animate({left:”+=100″},function(){
alert(“动画结束”);
});
});
});
});
});

但这种方法当动画较多的时候简直是残忍。

此时利用queue和dequeue则显得简单很多：

var FUNC=[
function() {$("#block1").animate({left:"+=100"},aniCB);},
function() {$("#block2").animate({left:"+=100"},aniCB);},
function() {$("#block1").animate({left:"+=100"},aniCB);},
function() {$("#block2").animate({left:"+=100"},aniCB);},
function() {$("#block1").animate({left:"+=100"},aniCB);},
function(){alert("动画结束")}
];
var aniCB=function() {
$(document).dequeue(“myAnimation”);
}
$(document).queue(“myAnimation”,FUNC);
aniCB();

1，我首先建立了一个函数数组，里边是一些列需要依次执行的动画
2，然后我定义了一个回调函数，用dequeue方法用来执行队列中的下一个函数
3，接着把这个函数数组放到document上的myAnimation的队列中（可以选择任何元素，我只是为了方便而把这个队列放在document上）
4，最后我开始执行队列中的第一个函数

这样做的好处在于函数数组是线性展开，增减起来非常方便。
而且，当不要要继续进行接下来动画的时候(比如用户点了某个按钮)，只需要清空那个队列即可。而要增加更多则只需要加入队列即可

//清空队列
$(document).queue(“myAnimation”,[]);
//加一个新的函数放在最后
$(document).queue(“myAnimation”,function(){alert(“动画真的结束了！”)});

这当然也可以用于ajax之类的方法，如果需要一系列ajax交互，每个ajax都希望在前一个结束之后开始，之前最原始的方法就是用回调函数，但这样太麻烦了。同样利用queue添加队列，每次ajax之后的回调中执行一次dequeue即可。

摘自：http://shawphy.com/2009/04/how-to-use-queue-and-dequeue.html

您可能也喜欢：

jQuery性能优化指南
jQuery 实现 tab 切换一例
用jquery写一个简单的菜单伸缩效果
一个jQuery弹出层(tipsWindown)
jQuery实现背景图渐变切换
无觅

相关文章

  • 2011-08-17 -- Flight主题更新 (19)
    这几天收到有些童鞋反应主题在wp3.2版本后台不能快速编缉文章，不能上传图片。抽空看了下，是JQ库版本冲突引起，现已更新。请移步到wopus主题站下载更新后的版本。也可以通过115网盘下载。...
  • 2010-11-24 -- JQ弹出层插件(tipsWindow 2.8) (164)
    已更新为2.7...
  • 2010-10-12 -- 分享Flight主题中的焦点图（基于JQ） (22)
    关于这个焦点图没啥说的了，网上太多了。但自己一直没找到个合适的。现在的这个是Dreamy主题中的升级版，虽然看起来一模一样。其实做了很多扩展，优化了结构和JS部分。可以选择切换方式（左右滚动，上下滚动...
  • 2010-10-12 -- jquery ajax方法如load,get等 在Chrome下失效的问题 (4)
    最近碰到一个问题，发现jquery在chrome 中， ajax的load get等方法完全失效。 代码如下： function getHtml(url,ctner){ //alert(c...
  • 2009-11-30 -- 不刷新（AJAX）获取文章的内容 (53)
    相信大家都知道AJAX评论这玩意。AJAX评论带来了很多好处，不用在刷新页面就能发表评论。实时提交，实时显示。很多人都用上了都给自己的BLOG上添加了这样的功能。方法在这就不说了，很多人都作了详细的讲...
]]> http://leotheme.cn/javascript/jquery%e4%b8%adqueue%e5%92%8cdequeue%e7%9a%84%e7%94%a8%e6%b3%95.html/feed 1 WordPress主题：perfct 1.0 http://leotheme.cn/wordpress/wordpress-themes-perfct.html http://leotheme.cn/wordpress/wordpress-themes-perfct.html#comments Thu, 01 Sep 2011 06:14:51 +0000 Await http://leotheme.cn/?p=903 您可能也喜欢：
WordPress主题”Dreamy”发布
WordPress主题高级技巧
新主题预览图
JavaScript实现WordPress自由颜色主题切换
WordPress主题之Maxthon 2.0.2[08-08-11] 无觅 ]]> 已经很久很久没写日志了。更不知道有多久没有发布新主题了！好像已经失去了那种曾经的兴趣和动力，很多时候想写，却又找不到话题。有些技术上的文章想分享。但又懒得编缉。要分析，上代码，做实例。最终只是想想而已。在这段时间里，不是没有做过主题，很多时候，一时有了好想法。就开始写，往往是写了个首页。或头部就又写不下去了。前几天摄神发布了prower v4。看到之后，又有冲动了。于是把之前的一款放在那几个月了的主题继续整整。成了现在的perfct。

perfct_demo

主题说明：

此主题没啥特别功能。且不再向IE6兼容。我自己测试了下，有一些小地方不兼容。所以，关于IE6的样式问题，请不要找偶。插件方面浏览次数需要“wp-postviews”支持。没装不会显示。其他的暂无！

后话：
计划在这个基础上作一些丰富的效果扩展。

  1. 兼容性修复。支持IE系列，firefox,Google Chrome等浏览器
  2. 自定义管理工具栏，默认的那个黑条条实在是太纠结了。
  3. 弹出层登录，信息提示效果。
  4. 缩略图，焦点图等效果。
  5. 主题后台功能设置
  6. 绑定腾讯微博
  7. Ajax评论
  8. 相册，图片缩放等效果
  9. 集成表情、头像缓存功能

管理工具栏效果：

弹出登录效果：

提示信息效果：

暂时只想到这么多了。反正会慢慢折腾。直到满意为止！

下载地址：perfct-v1.0

您可能也喜欢：

WordPress主题”Dreamy”发布
WordPress主题高级技巧
新主题预览图
JavaScript实现WordPress自由颜色主题切换
WordPress主题之Maxthon 2.0.2[08-08-11]
无觅

相关文章

  • 2009-06-13 -- 主题Dreamy更新到v2.0 [06-18 00:08] (61)
    距离这个主题发布上一版已经差不多两个月了，而这个主题我一直在修修改改。虽然很多同学问我要我BLOG用的版本，但很多地方没有完善，所以一直没有发布自己用的版本。但现在好了，终于可以发布这个新的版本了。这...
  • 2009-06-07 -- 黑莓主题的改版总算完成了 (16)
    这次改版很顺利，也没花多少时间。从设计到完成代码用了两天多时间；之所以这么快是因为主题是基于Dreamy这个主题的；大家可以看得出，有很多地方都相似，但细节方面有不少的修改；不废话了。看下最初的设计稿...
  • 2009-03-31 -- 新主题预览图 (18)
    自从发布Maxthon v2.0后，已经很久没有出新主题了。其中有太多原因了，其实也不是没有做，只是很多主题做到一半的时候就没在继续了，总是做着做着就觉得不行了。今天发布这个新主题的DEMO图，已经下...
  • 2008-11-10 -- Wopus新主题终于上线了 (9)
    经过最后一天的努力,WOPUS新主题终于上线.由于时间关系,仍存在很多问题.希望大家能及时反馈发现的问题,以便我们及时修正.谢谢大家的支持!~...
  • 2011-08-17 -- Flight主题更新 (19)
    这几天收到有些童鞋反应主题在wp3.2版本后台不能快速编缉文章，不能上传图片。抽空看了下，是JQ库版本冲突引起，现已更新。请移步到wopus主题站下载更新后的版本。也可以通过115网盘下载。...
]]> http://leotheme.cn/wordpress/wordpress-themes-perfct.html/feed 96 Flight主题更新 http://leotheme.cn/wordpress/flight-update.html http://leotheme.cn/wordpress/flight-update.html#comments Wed, 17 Aug 2011 08:00:59 +0000 Await http://leotheme.cn/?p=883 您可能也喜欢：
分享Flight主题中的焦点图（基于JQ）
WordPress主题：perfct 1.0
新主题预览图
WordPress“主题壁纸”
黑莓主题的改版总算完成了 无觅 ]]> 这几天收到有些童鞋反应主题在wp3.2版本后台不能快速编缉文章，不能上传图片。抽空看了下，是JQ库版本冲突引起，现已更新。请移步到wopus主题站下载更新后的版本。也可以通过115网盘下载。

您可能也喜欢：

分享Flight主题中的焦点图（基于JQ）
WordPress主题：perfct 1.0
新主题预览图
WordPress“主题壁纸”
黑莓主题的改版总算完成了
无觅

相关文章

  • 2011-09-08 -- jQuery中queue和dequeue的用法 (1)
    今天在做右下角那个静止的工具栏时遇到了一个问题。鼠标放上去的时候，要让周围的4个按钮按顺序显示出来，移开的时候要按顺序隐藏。左思右想发现用animate的回调函数方式来写比较麻烦。于是百度了下，发现j...
  • 2011-09-01 -- WordPress主题：perfct 1.0 (96)
    已经很久很久没写日志了。更不知道有多久没有发布新主题了！好像已经失去了那种曾经的兴趣和动力，很多时候想写，却又找不到话题。有些技术上的文章想分享。但又懒得编缉。要分析，上代码，做实例。最终只是想想而已...
  • 2010-11-24 -- JQ弹出层插件(tipsWindow 2.8) (164)
    已更新为2.7...
  • 2010-10-12 -- 分享Flight主题中的焦点图（基于JQ） (22)
    关于这个焦点图没啥说的了，网上太多了。但自己一直没找到个合适的。现在的这个是Dreamy主题中的升级版，虽然看起来一模一样。其实做了很多扩展，优化了结构和JS部分。可以选择切换方式（左右滚动，上下滚动...
  • 2010-10-12 -- jquery ajax方法如load,get等 在Chrome下失效的问题 (4)
    最近碰到一个问题，发现jquery在chrome 中， ajax的load get等方法完全失效。 代码如下： function getHtml(url,ctner){ //alert(c...
]]> http://leotheme.cn/wordpress/flight-update.html/feed 19