|
|
|
|
![]() ![]() |
Mar 19 2007, 06:42 PM
Post
#1
|
|
|
Newbie [ Level 1 ] Group: Members Posts: 5 Joined: 19-March 07 Member No.: 20,954 |
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
This post has been edited by nntien: Mar 19 2007, 06:44 PM
Attached File(s)
|
|
|
|
Mar 19 2007, 10:22 PM
Post
#2
|
|
|
The Modernator Group: Members Posts: 486 Joined: 6-August 06 From: The Interweb! Member No.: 15,021 |
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.
|
|
|
|
Mar 19 2007, 11:17 PM
Post
#3
|
|
|
Way Out Of Control - You need a life :) Group: Members Posts: 1,086 Joined: 21-June 05 From: New York Member No.: 6,440 |
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? |
|
|
|
Mar 20 2007, 02:27 AM
Post
#4
|
|
|
Newbie [ Level 1 ] Group: Members Posts: 5 Joined: 19-March 07 Member No.: 20,954 |
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 |
|
|
|
Mar 20 2007, 07:38 PM
Post
#5
|
|
|
Super Member Group: [HOSTED] Posts: 750 Joined: 8-April 06 From: Lima - Peru Member No.: 12,579 |
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 Best regards, |
|
|
|
Mar 21 2007, 02:41 AM
Post
#6
|
|
|
Way Out Of Control - You need a life :) Group: Members Posts: 1,086 Joined: 21-June 05 From: New York Member No.: 6,440 |
QUOTE 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. Thanks. I tested it out anyway just to see how it is. Great forum and sleek interface 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. @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://www.badboy.ro/articles/2007-01-30/niceforms/ QUOTE 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. |
|
|
|
Mar 21 2007, 03:16 AM
Post
#7
|
|
|
Super Member Group: [HOSTED] Posts: 750 Joined: 8-April 06 From: Lima - Peru Member No.: 12,579 |
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 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://www.badboy.ro/articles/2007-01-30/niceforms/ Thanks for the article, i'm reading it just now. Best regards, |
|
|
|
May 25 2007, 05:51 AM
Post
#8
|
|
|
Member [ Level 1 ] Group: Members Posts: 47 Joined: 24-May 07 Member No.: 22,128 |
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!
|
|
|
|
May 29 2007, 03:44 AM
Post
#9
|
|
|
Super Member Group: [HOSTED] Posts: 750 Joined: 8-April 06 From: Lima - Peru Member No.: 12,579 |
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! 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: CODE <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, |
|
|
|
Jun 5 2007, 02:53 PM
Post
#10
|
|
|
Newbie [ Level 1 ] Group: Members Posts: 2 Joined: 2-June 07 Member No.: 22,339 |
wow good tutorial
|
|
|
|
![]() ![]() |
Similar Topics
|
Lo-Fi Version | Time is now: 8th September 2008 - 04:04 AM |