首个原创主题shed发布

耗时整整3个星期,第一个算是原创的主题Shed终于出炉,为啥说“算是”?因为单栏主题就这些模块,多多少少都会带点参考主题的影子。

由于是作为自己打算长期使用的一个单栏主题,这次真的是用心制作,为了自己方便把平常能用到的功能都给集成进去了。

有啥特色:

1、小巧玲珑,男女都适合。
2、主题设置+背景切换+二级菜单+lazyload+phzoom+评论Ajax提交和翻页+Google搜索+scollTop+4个页面模板+1个短代码+各种css3和jQuery特效,够不够
3、精心制作,不敢说有多么多么的好,但确实为了每一个小模块的微调而烦恼很久,最后才确定。

主题不支持文章样式,觉得没什么意思。只提供2个段代码,一个mp3和一个lrc,推荐使用blockquote和h4和ul文章布局,效果试看本篇文章。

关于footer问题,好像觉得怎么放写什么都不好看,而且恰好scrollTop也不知道放哪儿,所以直接把版权信息之类的都放到了scrollTop图片里,不信右下角右键点击新标签页打开图片看大图哦~~

原本主题是用了html5元素构架的,但是后来发现还是忍不住用createElement()的时候,就给主题换了一次血,全部换回div,css也重改了很多。现在主题支持ie8+浏览器。千万不要试图用ie6访问我的网站,因为它不支持max-width,而我的站里全是没指定宽度的大图。。

访问体验:chrome=firefox>opera>ie9其实差距也不大,只是ie9不支持css3的text-shadow和transition动画而已。根据测试来看,ie9对动画的反应等方面比chrome还来的顺畅。更蛋疼的是如果单看顺畅程度的话360是最好的。。。

参考篇

虽然他们可能不会知道,但还是需要感谢,以下这些文章和主题给了我很大的帮助。

有没有人要问怎么RM皮也参考,你没看错,注意到没下面评论的笑脸和哭脸,就是来自这个皮肤哦~

吐槽篇

现在想想主题的最初版本,简直是惨不忍睹啊。由于自己的不会用ps设计,所以只有根据自己脑袋里的想法用css慢慢的调试,这就造成了主题在制作过程中都没有一个完全的标准,往往都是在大体有的基础上,或者吃法,或者睡觉,脑袋里突然想到要怎么改,然后有空时就开始试。这样的孩子伤不起啊,不过在做某些方面css还是相当快的。

说回html5,在上次回家的时候,专门跑到图书馆去看了看h5的书,然后回家就给实践替换了。本来最初的想法是直接K掉ie9一下和其他杂牌浏览器的,不过最后还是没忍住搜索让ie6、7、8也基本能正常显示,最后越想越麻烦,越来越觉得自己多此一举,然后就狠下心换回来了,自己想要初识html5和css3的目的已经达到了,至于主题的h5版本就让他存档到回收站吧。

关于背景图片。想想吧,一个连jQuery(document).ready()这句话都不知道怎么写的孩子要去写一个背景切换,而且还要从主题设置中获取图片地址,怎么都觉得不自量力。但是各种参考和百度过后,大体还是出来能用了,只是对居中放缩问题有些不满意而已。以后慢慢优化吧。

吐邮件回复。我用的是yahoo邮箱,所以邮件回复样式怎么弄都没事,但是用Gmail一测试就出问题了。Gmail会自动过滤掉元素style里的一些值,好像宽高度和背景颜色是管用的,而且还不能放到css style标记里面,必须直接在html元素里用style。各种尝试过后我放弃Gmail了,标准回复应该是这样:

经测试在qq邮箱和yahoo邮箱是完全没问题的。

浏览器不同显示问题,哈~发现每个浏览器都是顽皮的孩子,准备重新写篇文章发牢骚。。。

评论

不是我矫情,每次最烦人的就是评论这块,我觉得哈~一个好的评论模块是能够让来访的人不自觉的就有留言的冲动,但是很显然,我没做到而且对现在的也不是非常满意。

有没有人觉得很长?我也觉得很长,因为我把2篇文章的内容弄到一篇了。

待加入功能

根据最初的想法,这主题是要有一个相册和一个音乐盒的。但是后来慢慢发现困难和不现实,所以把他们放到待加入功能模块,很可能这2个功能需要很久很久很久才能实现。

最后,希望这个主题能用的久一点吧。低调点发布,也懒得到处宣传访问了,我不想我花那么多精力制作的主题被拿去糟蹋。不提供下载,想要的留言或email我就行

Angel

00:00

603 COMMENTS
  1. 2012/07/13
    wmtimes

    大背景主题啊,不错。
    给我来个。

    • 2012/07/13
      咚门
      @wmtimes @wmtimes 后面那句话是不是重新编辑过?邮箱里没有。发了,查收下。
  2. 2012/07/13
    Mr. Erro

    IE9好卡…特别是换背景那一刻

  3. 2012/07/13
    mao

    弄了一个 .TK
    貌似头部有些问题,你给看看

    • 2012/07/13
      mao
      @mao @mao 自己弄好了,原来要设置二级菜单才行~ :arrow: :arrow:
      • 2012/07/13
        咚门
        @mao @mao 不设置有啥问题?
        • 2012/07/13
          mao
          @咚门 @咚门 我现在不设置 你可以看一下
        • 2012/07/13
          mao
          @咚门 @咚门 在这里 你看一下 xixi.aliapp.com
          • 2012/07/13
            咚门
            @mao @mao 好奇怪啊,你确定header.php那没改过?我看了源文件,是菜单的id不见了,多了一个chass=“menu”的div。。。
          • 2012/07/13
            mao
            @咚门 @咚门 木有啊~ 你发的我直接ftp到阿里云了 :arrow:
  4. 2012/07/13
    Vonvia

    果然是女生细腻呀,是我超喜欢的小清新风格,求赏赐一份 😀 ,嗯嗯呐! 😯

  5. 2012/07/13
    阿越

    非常漂亮的主题,给我一份吧!谢谢

    • 2012/07/13
      咚门
      @阿越 @阿越 好像很久不见你了哦。发邮箱了。
      • 2012/07/15
        阿越
        @咚门 @咚门 是啊!有一段时间没有访问你博客了,谢谢你的主题,已经收到,有空研究研究 :lol:
  6. 2012/07/13
    Joe

    主题的目录部分没有处理好吧?后台设置了不显示底部网站链接,在分类下还是会出现。

    • 2012/07/13
      咚门
      @Joe @Joe 多谢提醒了,添加主题设置过后忘改了,你把index.php下面的复制到archive.php下面替换一下吧。 :arrow:
  7. 2012/07/13
    forest

    小清新的范儿,给我邮寄一分过来吧。要包邮哦!
    ps:邮箱去除掉”oul” :)

  8. 2012/07/13
    Neomiy

    相当精致的主题,求博主邮一份过来吧!3Q!! :mrgreen:

  9. 2012/07/13
    神经猫儿

    😀 喵,我喜欢自动换背景,我要,我要我要喵~!!!!!感谢喵~!

  10. 2012/07/14
    小灰

    这个真不错唉~~~ 好清新的样子 ヾ(≧O≦)〃嗷~~ 就是咚门评论字体稍微大点可能会比较好唉~ 😉

    • 2012/07/14
      咚门
      @小灰 @小灰 犹豫了好久,还是决定定在这个字体,配合主题小巧一点,不过很多人都不习惯这么小的字体啦。
LEAVE A REPLY

loading