You guys might be thinking how this Google Search Box is created. How its designing is done? How is it linked with script? And many more questions must be coming to your mind. Well answer to all your question is coming up with this post.
Creating a Custom Google Search Box is quite an simple and easy task. To create a custom Google Search Box you just need some basic and simple knowledge of HTML, CSS and some scripting also. To create a custom Search box, we will perform some steps.
- Open Google in your web-broswer.
- Inside Search Box Type “Custom Google Search Box”
/*Some text is missing*/
Hi folks! I am back with another interesting post for you. You guys have been surfing on lot of eCommerce Websites these days.
Sample Order Form
The above sample image gives an actual idea of a sample order form. This is a snapshot taken from our demo file. This Order form is deigned using table structure. Product Name, Quantity, Unit Price and Totals are defined in separate columns. At the bottom of the table we have created a Input bar containing Product Subtotal. We have also mentioned total quantity into shipping rates to get the Order Grand Total. Finally at bottom right, we have a submit button to submit the order which will be further processed by the server.
Now, this form is created using very basic HTML and its Table and Form elements, CSS. We have also used jquery and one of its plugin named Order.js. The CSS Styling has been done in another External Stylesheet. The table element is wrapped inside a div element.
Something that is now days most widely used in forms, in eCommerce websites and in many more sections of a web page. This is a basic Slider. If you surf the web, you’ll probably see that more and more websites have a slider that rotates images and text and usually at the top of the home page, while in E-Commerce it is used to set a particular range that we want. In technical term, a slider is defined as a Track Point. It is a graphical control element with which a user may set a value by moving an indicator, usually in a horizontal or sometimes in vertical fashion.
Hello Folks! I am back with another post. I hope you guys are following my blog post. Today I will be sharing something about Pre-loaders. You might have seen a lot pre-loaders while using lot of mobile apps and websites. Now days many websites has been powered up with preloaders in the beginning. It adds an interactivity to a webpage with some sort of animations. Today I am going to tell how to create a simple jQuery Preloader with very few lines of jQuery & CSS code.
Hello Folks! Today I am here to share a simple trick with you. Have you ever noticed that the file you are downloading is having a different file name which is different from the one mentioned in the code. If you haven’t done yet, you can do so by checking the HTML Code in your specific browser. These days it is common for the designer and developers to use a different name for the file to be downloaded. This is done basically to provide ease of access to the user. So that user can save the file to there local memory with a proper name.
A scrollbar is used to scroll down or scroll up any page. Using some easy HTML and CSS we can create our own styled scrollbar. These scrollbar can have curved edges, it can also be colorful. Depending on the conditions and requirement we can make different types of scrollbar. These will work perfectly for both x-axis and y-axis. The sample demo file is attached below.
In my demo form I have added some text fields, some textarea and few select boxes. I also added a submit button to submit the form. Each field has its own text form decided using Regular Expressions. To learn more about Regular Expressions users can access……