CSS Based Tool Tip

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.

A basic tool tip consist mainly of three parts: some text, a different color background with borders and a pointer pointing towards some text on the webpage to which this tool tip is linked. Before CSS3 was introduced, tool tips were designed and induced using some scripting in web pages. Since CSS3 can in existance, it has became quite easy to design a tool tip. Today I am sharing some very basic tool tips created using CSS3 and HTML only. Their is no use of JavaScript. To see more check out the demo file attached with this post.

     

Advertisements

Different Dropdowns

DropDown1 Hello Folks! Today I will be sharing another important topic with you. This topic is regarding different kinds of dropdown. I believe you all have noticed importance of Dropdown in different websites these days especially in contact forms and other kind of forms. Basically Dropdown is simply a list which allows the user to choose one or multiple values from a list. When activated, it displays (drops down) a list of values, from which the user can select one or multiple values. To create a very simple Dropdown or Select list, we basically us HTML. Using Select and Option Tag, we can easily create a simplest Dropdown. Now we can style this Dropdown using CSS Styling. This Styling wont affect its working. Because Styling can be changed using some kind of scripting.

     

Downloading a File with different Name !!

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.

     

Horizontal Forms

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.

Horizontal Form

Horizontal Form