爱你杯子(辈子)

趁工作闲暇用3d设计了个杯子,一个心性杯子,意:爱你辈子。问世间情为何物,直叫人生死挣扎,爱这个字直到老才能明白,守护一生的唯有爱

爱你杯子(辈子)

播放器UI设计

不知道从什么时候起,我喜欢上了极度简约,做任何事情都不喜欢太多太杂,做一些图稿时也甚至喜欢采用线条,上一篇我分享了些收藏音乐中使用了一个播放器播放音乐,就顺带做了个UI

播放器UI设计

音乐集分享(精选)

音乐伴随着我们长大,从最初的胎教音乐(我们那时候可没有)到后来大自然之音。我们经过欢快的儿童音乐,壮志雄心的电视剧主题曲,以为懂的情歌,发泄的摇滚,喧嚣的DJ,感知的情歌,享受的纯音乐,希望的儿童音乐…

音乐集分享(精选)

太阳能信息面板

前阵子为一家太阳能公司做的太阳能信息面板,两个飞机搞,说真的我不适合在这个行业里面打滚,似乎永远都是千篇一律的设计,没有创新和创意

太阳能信息面板

等待是一生中最初的苍老

终有一天你会发现,人生的多数时光是在等待中消磨度过的。等着排队买票,等着上车,等着看病,等着面试……在平凡琐碎的日子里,等待赋予了每天的生活以特别的意义和光彩。

等待是一生中最初的苍老

最新文章

订阅RSS
归档按钮
07 17

WordPress新功能①所见即所得

这段时间非常非常的忙碌,所以博客有很长一段时间没有更新了,做了很多很多东西(包括制作了两套WordPress主题,稍后有时间会整理发布的),但却没时间整理出来和大家分享,整理文档是一件很累人的事情,特别一些程序文档,在做主题看了些WordPress 3.0文档,对一些新功能做了些试验 more…

04 01

TinyMCE-Advanced-WP插件

使用新版的WP-2.7*的朋友都知道后台编辑文章其内置的Tinymce编辑器是被简化得极其简陋了,添加图片、多媒体等又非常慢得惊人,最让人不能理解的是发布文章时会干掉多余的回车(<p> <br> ),导致排版困难,下面我们看看此插件的一些特性和功能:

  • 字体以及字体大小选择
  • 插入表情
  • 超级表格
  • 高级的链接和图片对话框,提供了很多选项
  • 搜索和替代提高效率
  • 支持的XHTML特定的标记和层
  • 支持内嵌的CSS样式添加到任何内容。
  • 禁止WP发布文章时清除多余空格
  • 导入主题CSS到编辑器窗口
  • 添加内文分页按钮(当然需要内文分页插件支持)

more…

11 20

FCK Zblog AudioPlay插件

FCK AudioPlay插件

下载此插件:FCK AudioPlay.rar

2008-11-20更新

添加自动播放
添加循环播放
添加曲目
添加艺人

安装插件方法:
解压后放置FCK插件目录FCKeditoreditorplugins
1、在您的FCKeditor的配置文件中(一般为fckconfig.js或custom.config.js)
添加工具条:FCKConfig.ToolbarSets,添加 AudioPlay。
如:
FCKConfig.ToolbarSets["review"] = [
['AudioPlay','Bold','Italic','Underline','StrikeThrough','Link','Unlink']
];
当然,你可以放到别的工具栏,不过记得注意大小写。

2、找到FCKConfig.PluginsPath = FCKConfig.BasePath + ‘plugins/’ ;下面添加
// AudioPlay插件
FCKConfig.Plugins.Add( ‘AudioPlay’, ‘zh-cn’ ) ;

3、OK,你会发现你的FCK工具栏图标已经多了个音乐图标,你就可以使用该功能了。

界面:

注意:
安装此FCK插件必须安装 Audio Player 插件才能使用
此插件修改自WordPress Audio Player,使用于Zblog
下载此插件:AudioPlayer.zpi

2008-11-20更新
添加自动播放
添加循环播放
上一曲 下一曲

显示曲目
显示艺人
添加音量控制 更新官方新版swf
修正FF下出现线框 简洁swf代码

修正中文显示

测试自己比较喜欢的2首歌曲《布列瑟农bressanon》《真的爱你beyond》

音频片段:需要 Adobe Flash Player(9 或以上版本)播放音频片段。 点击这里下载最新版本。您需要开启浏览器的 JavaScript 支持。

滚动简介测试:北京欢迎你

音频片段:需要 Adobe Flash Player(9 或以上版本)播放音频片段。 点击这里下载最新版本。您需要开启浏览器的 JavaScript 支持。

完整使用代码:

audio:1.mp3,2.mp3&titles=曲目1,曲目2&artists=歌手1,歌手2&autostart=yes&loop=yes 前后加[ ]

色彩定制

选项 默认值 描述
bg E5E5E5 背景
leftbg CCCCCC 扬声器图标/音量控制背景
lefticon 333333 扬声器图标
voltrack F2F2F2 音量条
volslider 666666 音量滑块
rightbg B4B4B4 播放/暂停按钮的背景
rightbghover 999999 播放/暂停按钮的背景(悬停状态)
righticon 333333 播放/暂停图标
righticonhover FFFFFF 播放/暂停图标(悬停状态)
loader 009900 加载条
track FFFFFF 加载/进度条跟随的背景
tracker DDDDDD 进度跟随
border CCCCCC 进度条边界
skip 666666 上一曲/下一曲跳过按钮
text 333333 文字

中间部分“轨道”

选项 默认值 描述
soundFile 必须 逗号分隔的列表中的MP3文件
titles overrides ID3 information 逗号分隔的标题清单
artists overrides ID3 information 逗号分隔的列表艺术家

扩展选项

选项 默认值 描述
autostart no 如果是“yss”的话,播放器会自动播放
loop no 如果是“yss”的话,播放器会循环播放
animation yes 如果是“no”的话,播放器始终展开
remaining no 如果是“yes”的话,显示剩余时间
noinfo no 如果是“yes”的话,不显示信息
initialvolume 60 初始的音量(从0到100 )
buffer 5 设定缓冲秒数
encode no 表明, mp3文件的URL编码
checkpolicy no 告诉播放器寻求文件时,载入MP3文件
(这使得播放器读取ID3标签由档案存放在不同的网域)
rtl no

开关的布局到RTL (右至左)的希伯来文和阿拉伯文数字

播放器选项

选项 默认值 描述
width 必须 播放器宽度。例如: 290 ( 290像素)或100 %
transparentpagebg no 如果是“yes”的话,播放器的背景是透明的(相匹配的网页背景)
pagebg NA 播放器的背景颜色(设置为您的网页时, transparentbg背景设置为’no’ )
11 17

FCK插件-SyntaxHighlighter

本人了花了两天时间修改开源项目SyntaxHighlighter原码高亮制作的FCK SyntaxHighlighter 插件
已经整合插件的FCKeditor2.6.rar

FCK添加SyntaxHighlighter插件
下载插件:highlighter.rar(内含说明),解压后放置FCK插件目录
1、在您的FCKeditor的配置文件中(一般为fckconfig.js或custom.config.js)
配置其中的FCKConfig.ToolbarSets,添加HighLighter。
如:
FCKConfig.ToolbarSets["review"] = [
        ['HighLighter','Bold','Italic','Underline','StrikeThrough','Link','Unlink'r']
    ];
当然,你可以放到别的工具栏,不过记得注意大小写。
2、根据你指定的plugin目录,注册plugin
如:
// 代码语法高亮插件
FCKConfig.Plugins.Add( ‘highlighter’, ‘zh-cn,en’ ) ;

1.

主题模板文件 </head>标签前面添加以下代码:

<link type="text/css" rel="stylesheet" href="<#ZC_BLOG_HOST#>SyntaxHighlighter/Styles/SyntaxHighlighter.css"></link>
<script type="text/javascript" src="<#ZC_BLOG_HOST#>SyntaxHighlighter/Scripts/shCore.js"></script>
<script type="text/javascript" src="<#ZC_BLOG_HOST#>SyntaxHighlighter/Scripts/shBrushCpp.js"></script>
<script type="text/javascript" src="<#ZC_BLOG_HOST#>SyntaxHighlighter/Scripts/shBrushCSharp.js"></script>
<script type="text/javascript" src="<#ZC_BLOG_HOST#>SyntaxHighlighter/Scripts/shBrushCss.js"></script>
<script type="text/javascript" src="<#ZC_BLOG_HOST#>SyntaxHighlighter/Scripts/shBrushDelphi.js"></script>
<script type="text/javascript" src="<#ZC_BLOG_HOST#>SyntaxHighlighter/Scripts/shBrushJava.js"></script>
<script type="text/javascript" src="<#ZC_BLOG_HOST#>SyntaxHighlighter/Scripts/shBrushJScript.js"></script>
<script type="text/javascript" src="<#ZC_BLOG_HOST#>SyntaxHighlighter/Scripts/shBrushPhp.js"></script>
<script type="text/javascript" src="<#ZC_BLOG_HOST#>SyntaxHighlighter/Scripts/shBrushPython.js"></script>
<script type="text/javascript" src="<#ZC_BLOG_HOST#>SyntaxHighlighter/Scripts/shBrushRuby.js"></script>
<script type="text/javascript" src="<#ZC_BLOG_HOST#>SyntaxHighlighter/Scripts/shBrushSql.js"></script>
<script type="text/javascript" src="<#ZC_BLOG_HOST#>SyntaxHighlighter/Scripts/shBrushVb.js"></script>
<script type="text/javascript" src="<#ZC_BLOG_HOST#>SyntaxHighlighter/Scripts/shBrushXml.js"></script>

</body>标签前面添加以下代码:

<script language="javascript">
window.onload = function () {
dp.SyntaxHighlighter.ClipboardSwf = '<#ZC_BLOG_HOST#>SyntaxHighlighter/Scripts/clipboard.swf';
dp.SyntaxHighlighter.BloggerMode();
dp.SyntaxHighlighter.HighlightAll('code');
}
</script>

注意:不能在其他位置,否则可能失效

2.

下载文件 SyntaxHighlighter.rar 放置到博客根目录下,亦可放置其他目录,但注意修改上面的代码中的路径
内含CSS文件因为严格遵守W3C所以没有添加自动换行
需要的可以添加

.dp-highlighter{
white-space: pre-wrap;
white-space: -moz-pre-wrap;
overflow:auto;
word-break:break-all;

完成

11 09

FCK2.6精简版(含高亮代码)

一直以来插入代码是我最大的困扰问题,每次编辑都要花上一个小时以上,FCk编辑好文章后到UBB,格式给格式的一团糟,UBB到FCK,同样也被格式的一套糊涂,很难的很小心的编辑好了文章,以后打死也不敢编辑这个文章了,打开全乱

与其每次添加代码困扰,不用花点时间动手解决,所以这是本人花了一天时间查找资料,下载精简版修改而成(精简版网上随处可见,我已经找不到谁是原创了)
精简程度主要优化加载速度,保留了日常所用的工具,满足一般编辑. more…

Page 1 / 11