Nice Form

I like this form and would like to recommend to all of you.

 

This form use css style and js to control the effect of the form. It looks very cool. Anyone has any questions concerning how to install it, pls contact me. It can be used with .php or .asp for dynamic feedback form too.

 

It goes with a .zip file including the following:

 

- niceforms.html

- niceforms-default.css

- niceforms.js

- /images/ (folder)

 

Good luck for your work.

 

NNTIEN

 

Edited March 19, 2007 by nntien (see edit history)

I must say that I use this form also, its one of the best ones I have ever found and a bonus for any site that needs a form.

Is this form used to submit a question/comment to the author of a site? I have been looking for a replacement one for my site for a while now. I took mine down because I had many issues with spammers who had too much time on their hands.Will this form have some way of deterring spammers?

Is this form used to submit a question/comment to the author of a site? I have been looking for a replacement one for my site for a while now. I took mine down because I had many issues with spammers who had too much time on their hands.
Will this form have some way of deterring spammers?

I am sorry my answer is no for deterring spammers. I just introduce this form for your css and html design of the contact/recommend form. You can use this in your site for that purpose only. It looks cool and clear.

If you want to have something to prevent spammers, you need to use something like the security code to submit form. The good example you can see when you register an account in this forum.

Best regards

NNTIEN

I like this form and would like to recommend to all of you.

 

This form use css style and js to control the effect of the form. It looks very cool. Anyone has any questions concerning how to install it, pls contact me. It can be used with .php or .asp for dynamic feedback form too.

 

It goes with a .zip file including the following:

 

- niceforms.html

- niceforms-default.css

- niceforms.js

- /images/ (folder)

 

Good luck for your work.

 

NNTIEN

 

I just download and test it and i think it is a very nice work. Some of the tecniques used i already know and apply to my work, especially the one that selects the corresponding field when you click over any label that i think is an excellent help to any user. Congrats.

 

I have a couple of questions, first, when you expand any select box and starts hovering over any of the options it doesn't SELECT THE OPTION YOU WANT TO SELECT until you exactly hover over it's text, is this is the correct behavior or it is a bug???? and second, -is more a inquiry than a quesiton- as i'm not a graphic designer i always have some troubles when is time to manipulate images , can you tell me please an easy way to change the color scheme you use to adjust to my color scheme, for example, change all the blues scheme to a red scheme.

 

Best regards,

I am sorry my answer is no for deterring spammers. I just introduce this form for your css and html design of the contact/recommend form. You can use this in your site for that purpose only. It looks cool and clear.
If you want to have something to prevent spammers, you need to use something like the security code to submit form. The good example you can see when you register an account in this forum.

Thanks. I tested it out anyway just to see how it is. Great forum and sleek interface

@TavoxPeru: What browser are you using for this form? I tested out the width size like you mentioned earlier and found that this "bug" occurs in Internet Explorer, but it works perfectly in Mozilla Firefox (which we all should use over IE ).

For your second question regarding the color scheme, there might not be any way around it. You have to edit the images themselves from what I can see there. Look in the images folder and you should see all the blue color images in there. They will be creating a guide on how to create your own theme soon if you don't know how to:

http://forums.xisto.com/no_longer_exists/

Themes
You can basically customize the look of your forms any way you want by creating your own themes. Since Niceforms replaces the form elements with images, itâs just a matter of slicing these images up correctly and creating the CSS that holds them all together. More themes are on the way and youâre more than welcome to contribute as well. A short guide on how to properly create themes is in progress and should be available soon.

Thanks. I tested it out anyway just to see how it is. Great forum and sleek interface
@TavoxPeru: What browser are you using for this form? I tested out the width size like you mentioned earlier and found that this "bug" occurs in Internet Explorer, but it works perfectly in Mozilla Firefox (which we all should use over IE ).

Yes you are right, i just test it with Firefox and works perfectly, i first test it with IE because in that moment i have IE opened , why IE always bother?????

For your second question regarding the color scheme, there might not be any way around it. You have to edit the images themselves from what I can see there. Look in the images folder and you should see all the blue color images in there. They will be creating a guide on how to create your own theme soon if you don't know how to:
http://forums.xisto.com/no_longer_exists/

Thanks for the article, i'm reading it just now.

Best regards,

Thanks for posting that example form. I am looking for an example form that I can use that is similar to what I've been seeing on new registration forms lately. Basically, after entering a username, it puts a checkmark to the right side of it after I click on the next field to let me know that it is okay. Likewise, this is done after I type a password in the first and second confirmation box to let me know I typed it the same both times. If anyone can show me an example of this, that would be great! thanks

Thanks for posting that example form. I am looking for an example form that I can use that is similar to what I've been seeing on new registration forms lately. Basically, after entering a username, it puts a checkmark to the right side of it after I click on the next field to let me know that it is okay. Likewise, this is done after I type a password in the first and second confirmation box to let me know I typed it the same both times. If anyone can show me an example of this, that would be great! thanks

For your question related with the user verification, it is developed with a combination of Php, Ajax and MySql, yesterday i read at the tizag website a very simple tutorial on how to use Php, Ajax and MySql to achieve this kind of work, don't think that because it is simply it is not complete, you will be surprise with the quality of it.
So, don't waste time and read it at: Ajax Tutorial

For your second question, i think that it is done with javascript only, simply by coding the onchange or the onblur methods of the input boxes, for example if the validation is done only in the second password textbox you can code something like this:

<html><head><title>Passwords Check</title><script type="text/javascript">function check_pwds(){	var p1=document.getElementById("pwd1").value;	var p2=document.getElementById("pwd2").value;	if (p1==p2) alert("passwords ok");	else alert("passwords not ok");}</script></head><body><form name="b"><input type="password" name="pwd1" id="pwd1" value="" /><input type="password" name="pwd2" id="pwd2" value="" onblur="check_pwds()" /></form></body></html>

Well, i hope it helps you a bit, as you see it is a very very simple example because i'm a bit busy

Best regards,

wow good tutorial