Here again we have come up with a new script of jQuery together with PHP, HTML and CSS3. In this script we have created a pack of jQuery forms with applied validations in it. As soon as a user fills the form, the real time validation messages and hints will help him to submit the form successfully. …
Continue reading “JQuery, CSS3 and PHP Form Validation Script”
CSS : active selector is used to select and change the styles of the active link to make them attractive. A link or tag becomes active when clicked on it. In this tutorial, we have applied CSS selector : active on link (which looks like a button) to show its effect. Here we have demonstrated to apply css on an element that has first …
Continue reading “CSS : active selector”
CSS sprites are used to reduce the number of HTTP requests send to server. The smaller images are combined into a larger one at defined X and Y coordinates. After assigning this generated image to relevant page elements, using the background-position CSS property we can then shift the visible area to the required component image. Why we use image sprites: 1 : …
Continue reading “CSS Image Sprites”
HTML lists appear as a bulleted (small black circles) format. Using css we can make them stylish and effective. There are two types of list in HTML <ul> : Using unordered list items marked as bullets. <ol> : Using ordered list items marked as number or letters. Using css we can make them stylish and effective, …
Continue reading “Designing CSS Lists”
The box shadow property allows web designers to design multiple drop shadow(outer or inner) for any box element ,using values for color,size and offset etc. In this tutorial we are going to explain how we can use the box shadow property for drop shadow effect. The box shadow property can be assigned through comma separation in …
Continue reading “CSS3 Box Shadow”
The HTML <hr> element represents a Horizontal-rule and it is used for page break via line. It creates horizontal line, which makes someone to understand that there is an end of the page or a sentence break. We can also design the hr (horizontal-rule) tag to create attractive user-interface. In this tutorial, we are going to design …
Continue reading “Hr CSS Style – Change Color Border Style”
The @import is a rule allowing you to import one style sheet into another.When you are working on a complex website and stuck to managed many stylesheet, then @import is very helpful .The @import rule is another way of loading a CSS file. In this tutorial we are going to explain,How we can use @import for …
Continue reading “Include CSS File Using @import”
A search box frequently used by websites to make your website user friendly. By the search box user can search the content. Adding stylish search box on your website.This will help searching data content and also make a website appear professional. In this tutorial we are going to explain how you can make stylish search …
Continue reading “CSS Stylish Search Box”
ProgressBar is a graphical presentation which shows some progress. It shows a bar representing the completing of the task. Normally the ProgresBar do not display the amount of completion in numbers. If we want, we can display it in the Text or as graphical format. In this tutorial we are going to explain how we …
Continue reading “jQuery CSS Progress Bar”
CodeIgniter use Model-View-Controller (MVC) architecture which work on three-tier architecture all the layers is separate. In CodeIgniter it is recommended that .css and .js file should be placed in CSS and JS folder. In this tutorial we are going to explain how we can use external css and js in CodeIgniter. To integrate external css …
Continue reading “CodeIgniter : Loading CSS and Javascript File”
In this tutorial I am give you brief explanation about CSS Background Gradient property used for background to display smooth transition between two or more colors which was not possible earlier, as earlier we use to put image or other alternative approach for such effects. Gradient is nothing but a color that fades into another. Types Of …
Continue reading “CSS: Background Gradient”
In this tutorial I am going to give an overview on: Background-image, a css property that sets one or more background images for an element like div, paragraph etc., which by default gets placed at the top-left corner of that element, and can be repeated vertically and horizontally or both by using Background-repeat property. Through this tutorial you will know …
Continue reading “CSS: Background-Image & Background-Repeat”
CSS float is a property that forces any element to float (right, left, none, inherit) inside its parent body with the rest of the element to wrap around it. This property can be used to place an image or an element inside its container and other inline elements will wrap around it. For eg. : Images …
Continue reading “Float Property CSS – Left and Right”
The CSS Border property allows you to customize the borders around an HTML elements. It is a shorthand property to set individual border property values in a single place. You can set the thickness or width, color and style of each border. There are mainly three border properties: The border-style :- Specifies whether a border …
Continue reading “CSS Border Property: Style, Width, Color”
Using CSS background-attachment property one can either fix the background image or can scroll it accordingly with the rest of the content. For eg: If you have used an image in your background then normally the image will scroll with the page and its content , but if you have set this property to fixed then the …
Continue reading “CSS Background-attachment Property”
When we opt for Background opacity property of CSS for an HTML element generally what happen is it will not only change the opacity of image in background but also reflects the opacity changes in its child elements. The default initial value for opacity is 1(100% opaque). But this tutorial will guide you how to handle …
Continue reading “Background Image Opacity With CSS”
This tutorial will help you to learn about the “background-size” property of CSS and how to set it in your HTML element. The CSS3 method is strongly preferred now a days, as it has given the flexibility to resize the background image and can be reused in different contexts. One can specify the size in …
Continue reading “Background Image Size CSS – Property”
In this tutorial, we have created a multistep form and applied Javscript functions over it.