Purple Style for Elegant Box 1.4

Apr 8th, 2008 Add Comment

简介:
今天为 Elegant Box 做了个紫色风格, 1.3 和 1.4 版应该都适用. 因为没修改其他代码, 所以没有重新发布一个版本.
我已经在几乎所有的代码段加入了注释, 这个风格在这是作为一个教程发布的. 如果你想追加一个紫色的风格, 或考虑自己做一个风格, 那请下载吧.

下载:
更新版本中已经集成该风格

说明:
global.css: 定义这个的风格选择按钮颜色, 应用任何风格时都会被调用.
default.css: 定义所有与其他风格不一样的样式, 只有在选择这一风格的时候才会被调用.
GIF 图片: 这个风格要用到的图片.

制作:
1. 复制其中一个风格的目录到 wp-content/themes/elegantbox/styles/, 如: wp-content/themes/elegantbox/styles/red/ (目录名只能用英文, 数字, "-" 和 "_" 的组合). 刷新一下页面, 你会看到侧边栏上方的风格选择区域多了一个按钮.
2. 修改 global.css, 只是更换两个颜色, 没啥好说的.

请注意:
#style-purple 要改成于目录对应的的其他 id. 例如: 你的新建目录是 red, 那就改成 #style-red. 下面说到的 default.css 也一样.

3. 修改 default.css, purple_for_elegantbox_1.4.zip 里的 default.css 文件已经全部加上了注释, 可以参考.
4. 修改适用的图片, 可根据目录 src 的 PNG 图片修改得到. 在每个风格都使用 GIF 图标是因为 IE6 和以前版本不支持 PNG 的透明通道, 而 GIF 并不支持半透明通道.

安装:
1. 下载文件 purple_for_elegantbox_1.4.zip;
2. 并将目录 purple 解压到 wp-content/themes/elegantbox/styles/;
3. 刷新页面, Done.

声明: 本文采用 BY-NC-SA 协议进行授权. 转载请注明转自: Purple Style for Elegant Box 1.4

  1. http://0.gravatar.com/avatar/490cf262668eebb0f0f1a50d9d48d702?s=32&d=http%3A%2F%2F0.gravatar.com%2Favatar%2Fad516503a11cd5ca435acc9bb6523536%3Fs%3D32&r=G

    @er
    这个叫 Quick Comments, 本博客介绍过, 你可以在本站搜索一下.

  2. http://1.gravatar.com/avatar/19e0da2bc5238e6c206585c95261a587?s=32&d=http%3A%2F%2F1.gravatar.com%2Favatar%2Fad516503a11cd5ca435acc9bb6523536%3Fs%3D32&r=G

    大神 你这些插件哪来的啊 就这个ajax无刷新的留言板效果啊

  3. http://1.gravatar.com/avatar/19e0da2bc5238e6c206585c95261a587?s=32&d=http%3A%2F%2F1.gravatar.com%2Favatar%2Fad516503a11cd5ca435acc9bb6523536%3Fs%3D32&r=G

    我的留言板为什么一留言就死链接了呢

  4. http://0.gravatar.com/avatar/490cf262668eebb0f0f1a50d9d48d702?s=32&d=http%3A%2F%2F0.gravatar.com%2Favatar%2Fad516503a11cd5ca435acc9bb6523536%3Fs%3D32&r=G
  5. http://1.gravatar.com/avatar/5de34df3c4e1098fc0aa102ecbccaf0b?s=32&d=http%3A%2F%2F1.gravatar.com%2Favatar%2Fad516503a11cd5ca435acc9bb6523536%3Fs%3D32&r=G

    非常喜欢这个模板,谢谢!

  1. Loading...