首个原创主题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/09
    winy

    喜欢这个主题,背景自动切换我想拿走 😆

    • 2012/07/09
      咚门
      @winy @winy 随机获取那里有没有什么好方法啊,我那个语句感觉好水啊。
    • 2012/09/04
      HippoLiu
      @winy 很喜欢这种单栏模板,希望能发一个给我,没事写点日记,挺好的,tenka719@yahoo.com.cn :cool:
    • 2012/09/06
      iszzz
      @winy 非常漂亮的主题。能分享一份么。非常感谢。 :grin:
  2. 2012/07/09
    winy

    主要是是我写换背景会有空白和不连续,囧,看看你这个怎么写的。。。
    注释还挺全的 😯

    • 2012/07/09
      牧风
      @winy @winy 你终于出现了, 果断等你跑路tp
    • 2012/07/09
      咚门
      @winy @winy 其实我也是查看过你的base.js的代码的,哈哈。记性不好,需要改的也不少,就给注释详细点咯。窗口缩小时居中那里一直没搞定,也给注释掉了。
    • 2012/07/28
      周洲
      @winy 很喜欢你的主题,,我都想好了,把我的婚纱照作为背景,求主题,邮箱615184819@qq.com :razz:
    • 2012/07/29
      周洲
      @winy 点击图片放大是怎么做到的。。。。求解! :razz:
    • 2013/08/01
      shuday
      @winy 好漂亮的主题,作者,能给我一个不,我的邮箱mumu5632@126.com,谢谢了啊 很期待 :grin:
  3. 2012/07/09
    宁波交友

    楼主,给我个,我换主题 哈哈

  4. 2012/07/09
    吃货图谱

    回复的字体好小好小啊~~~老人家+破显示器看着蛋疼。

    • 2012/07/09
      咚门
      @吃货图谱 @吃货图谱 确实很小,显示器不行的话看着苦逼。 :arrow:
      • 2012/07/09
        吃货图谱
        @咚门 @咚门 嗯,不过背景图片加上密密的网格效果很好啊。喜欢这个效果。不知道在我那边弄 个这个效果有没有办法实现的说。 :wink:
        • 2012/07/09
          咚门
          @吃货图谱 @吃货图谱 你是说你的网站也弄上背景图片?我代码里注释挺多了,应该很容易看懂。
          • 2012/07/09
            松鼠男
            @咚门 @咚门 是呀,我也要弄背景图片的说。。呵呵~~
          • 2012/07/10
            咚门
            @松鼠男 @松鼠男 我现在的bg.js是从主题设置里获取图片地址的,小小改一改就可以了,直接载入就可以用的。
  5. 2012/07/09

    精品主題啊 個人覺得 這個單欄主題是今年見得最好的一個
    給力支持起

  6. 2012/07/09
    逝毅

    主题很喜欢啦 :mrgreen:

  7. 2012/07/09
    JJ.Lins

    那技术,我躲一边去! 👿 施主能施舍贫憎一份嚒?

  8. 2012/07/09

    我郵箱還沒有 發吧

  9. 2012/07/09
    云刊

    这么就,整这个去了啊,,单栏难道是为了展示地图啊?!看起来很漂亮,润眼

    • 2012/07/09
      咚门
      @云刊 @云刊 最初是没有背景图片的,后来偶然加上,发觉挺好看,就上了。。 :mrgreen:
  10. 2012/07/09
    zwwooooo

    来支持一下,因为太白,有点字体太小的错觉。

    • 2012/07/09
      咚门
      @zwwooooo @zwwooooo 多谢支持啦 :wink: 评论这里字体确实很小,但是试过,主题本来就很窄,字体大了列表就不那么好看了。背景最先也不是fff,但是后来发现加上网格显得黄了。
1 2 3 34
LEAVE A REPLY

loading