cssForms Preview

  • January 16th, 2008

cssForms

How to use?

Add there codes in your site:

<script type=”text/javascript” src=”cssforms.js”></script>

before</head> tag.

How to get it?

Demo: Click here!!!
Download: Click here!!!

22 Responses to “cssForms Preview”

  1. Gravatar Icon jiangxiaolei Says:

    ^_^,开源咧。。。。。。

  2. Gravatar Icon Hoofei Says:

    Good! 感谢Utom提供!

  3. Gravatar Icon Summer Says:

    Utom 好,在m6看到了你的帖子,这个东西做的这是太酷了,非常感谢能共享出来,我正在开发的项目已经用上了,上线之后会给你地址。
    另外有一个改进的小提议,能否适应自定义高度的 input 或 textarea 呢?我想用它来模仿safari的效果。

  4. Gravatar Icon Utom Says:

    @Summer
    感谢你的回复…

    很多人跟我提过这样的问题, 我觉得实现自定义高度是可以的, 但是样式表可能不太好操控, 而且鼠标事件也很难操控!

    所以我在想自定义宽高是否有必要? :)

  5. Gravatar Icon Summer Says:

    对于我现在的项目来说,肯定是需要自定义宽高的,登录文本框的宽度和发表文章标题文本框的宽度就不能是一样的。
    如果支持自定义宽高,可能实现起来就没有现在这么“优雅”了,要么事先手动增加一个标签把文本框嵌套进去,要么用js动态写进去…
    如果自由度更高一些的话,应用空间会更广阔的。

  6. Gravatar Icon Utom Says:

    @Summer
    非常感谢你的关注, 其实CSS定义很方便…. 可以标签框外加个div, 并定义class!

    css定义就如这样
    .class input.type_text{ }

    你可以参见这样的多样式
    http://labs.utombox.com/select2css/

  7. Gravatar Icon M Says:

    关注很久了
    你为wordpress做的皮肤彻底把我征服了:)
    今天出来冒个泡

    最近学习css似乎有心理障碍了。
    心里边堵的难受。

    不知道有什么“心法”可以传授?

  8. Gravatar Icon Utom Says:

    @M
    学东西, 兴趣是关键!

  9. Gravatar Icon 蓝风 Says:

    总有一天会用到的,呵呵,最近太懒了,什么都没动手~

  10. Gravatar Icon 徐林 Says:

    个人认为学得最好的是最有兴趣的!
    也许就是传说的:兴趣是最好的老师

  11. Gravatar Icon Joachim Says:

    wow this looks really good to me!

    so long
    joe

  12. Gravatar Icon ray Says:

    谢谢分享,非常好!

  13. Gravatar Icon Strollers Chloe Says:

    Love the forms, and the styling / effects on the drop down is the best i’ve seen todate.

    Don’t know how you’ve managed to style that drop down but kudo’s to you my friend.

  14. Gravatar Icon liam Says:

    很好,很强大
    收藏了,备用。

  15. Gravatar Icon admin2gd1 Says:

    I have a long drop down list and I have a small problem. Your cssForm does not act like a normal dropdown selection menu. It makes the user scroll the page to see the other options that are in the drop down menu rather than the user scrolling the dropdown menu. Is there any way you can help me fix this or will there be an updated version of your cssForm?

  16. Gravatar Icon Choi KyuSik Says:

    You must add in cssforms.css!

    input.type_text
    input.type_text_hover
    input.type_text_focus

    background{fixed;}

  17. Gravatar Icon LoveFish Says:

    非常漂亮呀!

  18. Gravatar Icon iHao Says:

    在大脚社区看到了应用,一好奇就转了过来。确实漂亮,看来我也不用在jquery的plugin里找那几个form美化了,用你的了

  19. Gravatar Icon Pedro Rogério Says:

    Good, thanks for the tips!!!

  20. Gravatar Icon electro Says:

    hi, can you help me, i wont to use your script on my page with this script (http://electro.grimhost.com/tabs/index.html), but when i include tabs.js, you script cssForm it doesn’t work.

    packed version tabs-script is here http://electro.grimhost.com/tabs/tabs.zip (2kb)

  21. Gravatar Icon Utom Says:

    can’t support ajax…

  22. Gravatar Icon randsong Says:

    有网络精神.
    谢谢

Leave a Reply