We use the form input field as file. It can be made like the form field will accept only specific file type to be accepted by it. To Accept CSV files (.csv) only, use: <input type="file" accept=".csv" /> To Accept Excel Files 2003-2007 (.xls) only, use: <input ..
Metatag can be used to stop Robots or search engines from indexing a page in a web site. To prevent all robots from indexing a page on your site, place the following meta tag into the section of your page: <meta name='robots content='noindex'> To allow other robots to index the page ..
10 Simple Steps to Create Halftone Doted Image in Photoshop 1. Open a Image in Photoshop Docoments. 2. Duplicate the image layer in Layer Palate. 3. Create a empty Layer below the duplcate layer Fill the black color to the Empty Layer. 4. Select the duplicate layer and Go to the top menu, 5. ..
How to get the specific image from large set images in one image using css Here I have not uploaded the image, but you can use the image width n height of the image via css. .large { height:100px; width:100px; background-image:url('download/feed-icons.jpg'); } .first {background-position:-7px 0px;} .second {background-position:-245px -9px;} .third {background-position:-136px -2px;} .foruth ..
HTML 5 introduces new form field for creating color picker tool <form> <input type="color"> </form> Right now Opera 11 supports type=color input type. Hope other browsers will also support these features very soon. ..
How to create hear shape just by using simple css code? <html> <head> <style> #heart { position: relative; width: 100px; height: 90px; } #heart:before, #heart:after { position: absolute; content: ""; left: 50px; top: 0; width: 50px; height: 80px; background: ..
Copy & paste the below code to new file and save the file as .svg extension. (eg: rectangle.svg) <svg> <rect x="10" y="10" width="200" height="90" stroke="blue" fill="#CCC"/> </svg> Simply we can't set svg images as image source in html. So we can use embed or object tag for displaying svg ..
The below code will help you to change the background image of a button .button_background { color:white; background:url(images/button2.jpg'); } You can use this code to change background image of a button ..
The below css code will help you to bring rotation effect in css. <style type='text/css'> -ms-transform: rotate(-20deg); -webkit-transform: rotate(-20deg); -moz-transform: rotate(-20deg); </style> ..
You can define the media queries either in CSS or in HTML. CSS /* iphone */ @media only screen and (min-device-width : 320px) and (max-device-width : 480px) { img { max-width: 100%; } } /* ipad */ @media only screen and (min-device-width : 768px) and (max-device-width : 1024px) { img { max-width: 100%; ..
Mobile Website URLs Configuration To understand the configuration of a your desktop along with the mobile website, it recommends the usage of a special link rel="alternate" tag and rel="canonical" tag pointing to the desktop and mobile site respectively. Example: Consider a desktop URL http://info.w3calculator.com , and the corresponding mobile URL for the ..
Use CSS hover effect to change the color on mouseover. .col{ text-decoration: none; font-weight: bold; color: #009900; } .col:hover{color: #CC0000;} ..
Rename preset style in Photoshop: To rename preset style in photoshop: => Open Styles window. => Click the down arrow in the styles window. => Select "Preset Manager". => Select the style which you to rename and click "Rename" button to rename it. To rename whole styles, press Ctrl+Shift+Click to select all the styles which ..
In college and some high schools, essays are written using a standard guideline created by the Modern Language Association (MLA). These guidelines included how to write you cover page, title, paragraphs, how to cite references, etc. On the Web, we follow the W3C's guidelines as well as commonly accepted "best ..
Use Title and ALT Attributes More often then not, web addresses (URL's) do not contain the topic of the page. Using the Title Attribute is an direct method of telling the search engines about the relevance of the link. It's also a W3C standard for making your page accessible to disabled people. ..