我做的主题Mflat最新上线

By
WP札记

3天时间,终于完成了第一个主题。目前正在测试,欢迎指出错误~谢谢

该主题灵感完全来自于网络。从经典主题一步一步学习,又查例子,又搞函数分析的,做个主题真TND不容易。废话不多说,我还是挑几个关键点扯扯吧。

1、各种浏览器的代码兼容。考虑到目前css3的应用很多,所以博客许多地方还是有所涉及的,比如text-shadow,box-shadow等等。但是部分css样式支持的浏览器各有差异,具体就是在目前没有统一版本前,尽量加上前缀(Webkit 引擎的浏览器为 “-webkit-“,Firefox 则为 “-moz-“),具体情况请参见 The Basics of CSS3 。这篇文章写得比较详细。

2、列项目颜色交替显示。比如木木同学的侧栏翻页效果中有 #tab-content,那么在content的列项目里可以使用例如 ul li:nth-child(odd) 这样的代码来隔行进行颜色更改,我的代码是这样的:

#tab-content ul li:nth-child(odd)
{
background-color:#F7F7F7;
}

效果见侧栏。

3、样式的设计都有章法,只要自己不迷糊,样式就不会很乱。其中有几个东西经常弄迷糊:margin和padding、float之后元素溢出。这俩问题解决起来都有点意思。我是一个一个试验之后发现的。

margin设定的是元素所占空间到邻元素的距离,就是元素外的空间。

padding设定元素内容到元素边界的距离,就是元素内的空间。

float之后溢出,我都是加上overflow:hidden解决的,没查过也不知道啥原因。

4、标签云的设计。我是使用了原来主题里的标签云函数代替的。 我折腾了半天WP自带的标签云,觉得有点不合适,标签等级很多,如果设计个好看的样式很困难(得从1设计到n大一个数)。自带的这个函数只有六个层次,只要把六个层次设计出来就行了。而且字体、背景、颜色都可以改。具体代码没看(标准CP党做法),哈哈。

5、添加了一些Jquery效果,例如Willin Kan的小墙、AJAX嵌套评论,忘记是谁写的sweetTitles,还有锚点滑动,Jin wen的嵌套回复添加@效果等等……算起来我还真没啥JS的基础。纯粹CP的。

6、好吧,我又改logo了……

0

Comments: 28

  1. 求教comments.php

    还有侧边栏最新文章的那个效果~

    2010年03月22日
    • @夏影残雪 comments比较难搞,我是用以前主题的。其实完全可以用默认主题里的,只要元素对应就行了。侧栏效果在这里:http://immmmm.com/add-jquery-tab-switch-effect.html

      2010年03月22日
  2. 不是一般的难搞,我就卡在comments了。。。
    默认主题的不好用…我想实现一些效果,但是基本的还没写好,呜呜~难产中…

    2010年03月22日
  3. 直自己折腾的要鼓励
    不过更加喜欢你之前的样式么

    2010年03月23日
    • @A.shun 有些样式是从原来主题得来的。自己折腾主题就是觉得好玩,哈~

      2010年03月23日
  4. 我对你的这篇文章太有感觉了,因为我这几天也在折腾主题。一开始被margin,padding和float弄得一头雾水,不停地找教程看,才算慢慢领悟。现在最头疼的是函数,之前一窍不通。= =
    不过接下来没什么时间用来折腾了,主题这东西,一停下来思路断了,再想接上去不容易。头大。
    标签云的配色感觉有些奇怪。@@
    拥有自己的主题很有成就感吧?^^

    2010年03月23日
    • @Vicia 加速折腾~标签云还在改,主要是想不出什么新点子。呵呵……

      2010年03月23日
  5. 在哪里可以下捏,想试试,嘿嘿 :grin:

    2010年03月23日
    • @kangzj 哈哈,得等等了,我还没测试好。好些问题~ :oops:

      2010年03月23日
  6. 真正玩博客的耶。。。 :cool:

    2010年03月23日
    • @虾 对……也是在被博客玩

      2010年03月23日
  7. 挺漂亮的!而且很干净

    2010年03月23日
    • @sleepy 呵呵,突然喜欢这俩颜色搭配~ :oops:

      2010年03月23日
  8. 非常赞,我都有用的冲动,我那个我又看腻了,纠结啊

    2010年03月23日
    • @zwwooooo 再做嘛,老男人力能扛鼎…… :lol: 说实话,我天天去你那儿,也有些看腻了。

      2010年03月23日
  9. 呵呵,现在都开始用css3啦。

    2010年03月23日
    • @g 能用就用啦,效果很不错呢。虽然ie系列目前完全不支持…… :???:

      2010年03月23日
  10. 真有效率,质量而且很高啊

    2010年03月23日
  11. :smile: 就是你主题这个吗?很不错啊~~

    2010年03月23日
  12. 不错不错~

    2010年03月24日
  13. Greatings, De dуnde eres? їEs un secreto? :)

    2010年04月30日
  14. 不错了,呵呵~

    2010年05月30日
  15. A lot of specialists claim that personal loans aid people to live the way they want, because they can feel free to buy needed things. Moreover, some banks present collateral loan for young and old people.

    2010年06月06日

发表评论

电子邮件地址不会被公开。 必填项已用*标注

*

:razz: