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.
Hello Folks!! I am back with another interesting post for you. I hope you find my previous post helpful to you. Today I will be sharing something interesting about Tool tips. As you all have seen on website these days, there are lot many tool tips available with different styles. Actually a Tool Tip is a message which appears when a cursor is positioned over an icon, image, hyperlink, or other element in a graphical user interface. This message may consist of some text, image, hyperlink or may be some audio, video files.
Hello Folks! Today I am gonna post something really interesting and unique. This time I will be posting another type of form. This will be Login form. Login forms are really common type of form, but the form I am gonna share will be unique in layout from other forms. Normally, we see vertically aligned form which are have a basic design. The design we use is horizontally aligned. We have also used some scripting to create this basic form structure and other animation.
CSS is becoming more powerful but on the other hand it also allows designers and developers to do some little things quite easily. Earlier, these things where used to be done by using some kind of scripts. In CSS3, their have been various features like transition, transform etc. under highlights, but one feature that came up as an underdog is generated content/ text.
Basic content Usage
The basic content property allows the designer or developer to dynamically set the content by using a pseudo element. Note that the position of this content remains relative.
Star Rating is one of the most easy and simple way to rate any object present on your website. It can be used in Blog, Online Shop, Website, Portfolio. Its is a voting control which enable rating elements of content in your site by its readers. It’s a super-effective way of getting instant feedback from your readers. Whether it’s a blog post, web page, image or what ever piece/element of your website that you want to be rated by your readers. The demo file I am adding today is a cross browser compliant.
We can drag and drop the selected file and then by clicking upload button, we can upload the file. Hence, this uploading process is quite easier for the users. Now days, this uploading process is used more.
Drag & Drop