本主题的原作者是Bob，主题的底部有这位作者的连接，这里我已经附上，我主要是重写的CSS和functions调用，主题的宽度是1200像素的，可能很多人鄙视我设置这样高的像素，但是我更喜欢这样的宽屏界面，虽然现在还是有很多分辨率使用的1024宽度，不过从访问我博客的用户群看来，这样的屏幕占的比例很小，所以我斗胆弄这么大的分辨率。 特别介绍一下，我修改过的代码通过了W3C验证，通过IE6,IE7, firefox 3.0.7 safari 3测试。 我本来没打算发布这个修改过的东西，因为本身就不是我的东西，所以主题中的主题预览都是完整的保留原来的界面预览，以示对原作者的劳动成果的尊重。今天（2008-03-19）打开豆瓣发现有位朋友豆油我，问是否可以共享主题，本来这个就是共享的东西，当然依然可以共享，所以在此就献丑发布一下。如果你在我的基础上又增加了新的修改，而且把它变成了收费的商业模板或者利用修改过的模板牟利（捐助除外），那么请通知一下原作者，至于是否需要我，就随你便了，方便的话，让我也高兴一下，当然，我保证不会从你得到的利润中分去半点，你甚至可以不必通知我。 我在底部留下了由我修改的标记，不是为了增加反向链接，仅仅是为了如果是因为我发布的主题本身出错了，你可以方便的找到我。如果你认为没这个必要，或者觉得碍眼，可以在主题包中的footer.php找到相应的代码删除之，不会删又确实要删的，请在本文后面留言，我尽可能协助。 使用说明 1、使用这款修改过的模板需要你手动修改一个文件，将 header.php中我的导航改成你需要的即可，代码如下： <div id="menu"> <span ><a href ="/about" target="_blank">我的经历</a></span> <span ><a href ="http://cuiyusong.blogbus.com" target="_blank">在BlogBus的日子</a> </span> <span ><a href ="http://delicious.com/aaaacccc" target="_blank">Delicious</a> </span> <span ><a href ="http://www.douban.com/people/cuimuxi/" target="_blank">我在豆瓣</a></span> <span ><a href ="http://www.flickr.com/photos/muxi" target="_blank">Flickr</a></span> <span ><a href ="/contact/" target="_blank">找我聊天</a></span> <span ><a href ="http://muxi.mp" target="_blank">Chi.mp</a></span> </div> 改成你需要的连接和文字即可，如果你不需要这么多的导航，删除几个即可，如果你不喜欢这个导航，直接将这段代码从文件中删除即可，不会的朋友，请在本文后面留言，或者找我 2、将文件夹传到 /wp-content/themes/中 3、打开你的后台，在模板设置中找到limauorange… Read more »
Posts Tagged: 主题
修改的wordpress纯白简洁主题
很早之前，我一直想做个wordpress主题，理由是Google出来的号称“简洁主题” 的皮肤，似乎都是在耍个性，要么弄的全黑，要么弄得乱七八糟，估计这些设计者所谓的简洁主题是指功能安排方面的，或者是代码方面？ 主题是基于Bob的Limau Orange，整体布局没有动过，我修改了几乎所有CSS属性，并新增了几个css定义，增加了几个模板函数，所以我在最后打上了由我修改的印记，应该不算过分吧。 修改过的模板通过了firefox 3.0.6的测试，IE 7测试也正常，在IE 6下最上面我自定义的导航会跑到右边去，怀疑是float属性导致的，等晚上有时间修正一下，暂时不予理会。 如果你觉得修改过的模板比较符合你的审美习惯，或者是你也想尝试一下这种纯白模板的感觉，你可以在此留言，或者是找我聊天,我会打包发到你邮箱 。因为是修改的，所以不便于重新发布。有时间再自己弄一个，到时候再发布，呵呵。 PS：通过这次修改这个wordpress纯白主题，实际上得到两个最大的收获： 1、字体大小（font-size:14px;）为14个像素看起来是最爽的，神仙告诉我，14个像素是人眼能接受的最清楚的字体大小。 2、行间距（line-height:150%）为150%时是刚好合适的，既看起来不太挤，也看起来不太空，很好。 update: IE 6下的移动在李老师的帮助下问题已经解决，原来是我记错了，我一直深信IE下有double padding 问题，原来是double margin，唉，这记忆真不可靠，在这里笔记一下。 另外，我将博客的显示宽度从960大幅调整到1200似乎不是个好的策略，至少bus很多员工使用的X61都是1024的宽度，这样浏览器会出现横着的滚动条，花开同学说，他曾经使用800×600分辨率时就特憎恨那些超过800的网页，不过暂时我不准备改，下一步我可能会去掉很多东西，比如两边的侧边栏，或者直接自己弄一个模板。
iKite Theme 发布
iKite Theme 主题是zvzhssj 做的第一个 WordPress 主题，有点苹果风格的味道。 下载后把主题文件放在对应目录后应用即可，压缩包里还包含了 Gravatar和Trackping Separator 插件，一定要安装上后再切换主题。要不然就要出错。支持 WordPress 2.3 自带的 tag 和 Widgets 功能。 推荐安装这几个插件： 中文 WordPress 工具箱 Ultimate Tag Warrior WP-PageNavi WP AJAX Edit Comments 另提供一个修改菜单左边图标的PSD文件，在压缩包里。就可以自己定义那个图标了。 推荐在 WordPress 2.3 下使用。 下载 iKite Thems. (这个主题基于GPL协议发布)
Fvcity lonely风格系列-最终版
修正与加入： 全部使用浮动布局（液态布局）,减少在不用浏览器中不同效果的问题，本CSS中并没有使用复杂的定位。 经过W3C CSS 2.0验证和XHTML 1.0 Transitional 验证，更严格的没有测试，但我相信只是时间问题。 必须安装popularity-contest、Trackping Separator、gr_icons、中文工具箱插件，否则可能出错。 本风格在wp 2.3测试版中会表现的更好! 详细地址:http://fvzone.com/blog/lonely014.fv 下载地址:http://fvcity.googlecode.com/files/lonely.rar 您也可以访问：http://code.google.com/p/fvcity/downloads/list下载我其它风格与插件！
从零开始创建 WordPress 主题
这篇文章翻译自：So you want to create WordPress themes huh?，这是一个关于创建主题的系列的教程，我翻译了大概一半多了（争取这个周末完成），如果大家发现有什么地方翻译错误，非常感谢帮忙指出。 原文链接：http://fairyfish.net/2007/06/04/so-you-want-to-create-wordpress-themes-huh/ 从零开始创建 WordPress 主题其实不难，我会手把手教你。 关于创建 WordPress 主题的教程这个话题已经被人写过，并且 WordPress 官方网站上也有指导文章。但是当你不懂这方面的行话的话，这些教程或者向导真的对你有帮助吗？甚至当我阅读 WordPress 上向导的时候，我都迷失了。 工具，在我继续之前，你需要下面这些工具： 安装 WordPress 在你的电脑上，你可以参考在 Installing WordPress Locally Under Windows XP 的安装说明。如果你由于无论原因不能在你的电脑上安装 WordPress，不用担心，你可以在你的服务器上安装一个测试版的 WordPress。 记事本或者其他的文本编辑器，我用记事本。（译者注：推荐 NotePad++） SmartFTP – 如果你要在线测试主题，我建议你下载和安装使用 SmartFTP 或者其他的 FTP 程序去上传你的主题文件。 收藏 XHTML 验证器和 CSS 验证器。你将需要这些工具去验证你的主题。当你需要去认出和改正错误的时候，他们也有用武之地。 完整课程列表 #1 Intro — 介绍 #2 Template Files and Templates… Read more »
Dark Theme +PSD for WordPress 2.3.X-[纯净版]
这是fade后续版发布的最后一款风格,reborn模板可能不会更新,但是dark会更新。 经过reborn发布后又一次修正版本,废话少说了,Dark 介绍如下； QUOTE: 2007.11.1更新： 1、修正了一些插件引用没有检查的变量，优化了结构。 2、将页面静态内容移动到functions.php文件中，并在functions.php中有一个模式开关，但是由于时间仓促所以只是一个摆设，如果你有兴趣请在functions.php中找到fvmode函数并将其中的false的改为true。 在模式为false的时候她只像一个默认主题，开启后将会调用functions.php中的一些自定义函数，初使用者建议别动他。 3、改善了所有插件调用的机制,不装任何插件的时候功能和默认的皮一样,推荐装上WordPress中文工具箱与Gravatar。如果你使用Widget边栏那WordPress中文工具箱，就可以省去… 4、预置支持的插件：WordPress中文工具箱、Footmark; 我自己开发(不是必须), Gravatar。 1、首先是由reborn样式表延续，所以完全通过W3C的CSS 2.1与XHTML 1.1验证！ 废话几句: 不知道大家对w3c验证是怎么理解的,有人说,没关系,有人却一定要通过验证,那么到底验证后有没有用呢 结果是当然的,首先是如果你在考虑标准后你的手写风格就会变化,验证到底验证什么? 简单的说就是四个主要的: 第一,你的标签嵌套是否正确? 第二,标签嵌套正确后你是不是会把块原素写在内联原素中? 第三,是不是使用了W3C不支持的属性? 第四,是不是掉了/或是别的属性什么? 以上这四点是不是都是要命的,当然是,标签嵌套有问题,IE是不知道的,但是FF知道,这就是bug,正规的内联中不能有块的等等… 如果这些都注意到了,不只是标准而已,我想一定可以让你写出更漂亮和SE(搜索引擎)更喜欢的代码。 2、加入纯CSS弹出式菜单，并和Wordpress完美结合,调用方式通过WordPress二级菜单，这CSS源始码来自V2EX，但是我进行了三次缩减删除了60%的多余代码，所以现在与v2ex的代码是完全不一样的，为了兼容IE6和IE系列浏览器透明,加入了一些无法通过W3C的CSS定义，由于IE6不支持除a属性以外的伪类，所以在IE6下是通过一小段JS搞定的，边栏也同样，不支持W3C验证的代码放在ie.css中，js模拟伪类定义请见主题中js目录的dark.js文件。 3、完全支持Widget边栏，定义的时候因为每一个边栏项都有一个小图标，在使用Widget定义的也同样有这样的功能，只是不完整，没有定义的会用star.png图标代替，详细定义请见icons.css中， 列子： #sidebar .archives, li.widget_archives span.star { padding:1px 0 1px 18px; background: url(images/icons/package_go.png) no-repeat; } 这段CSS的意思是，当你不用Widget功能或使用都调用相同的小图标，可能代码有些复杂，但是用好了css续承的确可以给你带来很多的方便。 虽然说是纯净版，我仍然不舍得删除我写的一些静态文件，这次我将以下文件放到了stop目录中，如果你确定不需要请删除该目录。 about.php、code.php、downloads.php、footmark、collection.php、bookmark.php、tag.php，如果想使用其中一个文件，请将他移动到dark目录下，在后台设置调用。 修正了一些小图标在IE6中特别难看的bug，但是我仍然推荐大家使用Firefox,搜索框在IE6下难看的问题！ 最后谢谢你使用与支持，可能仍然有不少问题，欢迎你向我提供测试结果^^！ 授权许可:CC 3.0 详细说明:http://www.fvzone.com/blog/dark.fv 下载地址:http://www.fvzone.com/blog/downloads
Recent Comments