Great news for web developers and designers. We have been facing problem in FONT compatibility with browsers. For getting render any TRUE TYPE FONTS[License] on browser, client should have font installed on system. There is solution for this, developer can go for Flash or Image base mechanism. In this case we need designer’s help|expertise to create…. k lets come to the point Now there is solution, got this information from Google Forum.. looks great This is Javascript based solution, What it does ?Instead of creating images or using flash just to show your site’s graphic text in the font you want, you can use typeface.js and write in plain HTML and CSS, just as if your visitors had the font[…]

Expand and collapse option through JS and CSSFollow steps1. Copy this code in notepad2. Save your note pad as .html or .htm3. Open with browser… solution is ready 🙂 <html xmlns:v=”urn:schemas-microsoft-com:vml” xmlns:o=”urn:schemas-microsoft-com:office:office”><head><style type=”text/css”>h4{ color:#719500;}</style></head><script type=”text/javascript”>var collapseDivs, collapseLinks;function createDocumentStructure (tagName) { if (document.getElementsByTagName) { var elements = document.getElementsByTagName(tagName); collapseDivs = new Array(elements.length); collapseLinks = new Array(elements.length); for (var i = 0; i < elements.length; i++) { var element = elements[i]; var siblingContainer; if (document.createElement && (siblingContainer = document.createElement(‘div’)) && siblingContainer.style) { var nextSibling = element.nextSibling; element.parentNode.insertBefore(siblingContainer,nextSibling); var nextElement = elements[i + 1]; while (nextSibling != nextElement && nextSibling != null) { var toMove = nextSibling; nextSibling = nextSibling.nextSibling; siblingContainer.appendChild(toMove); } siblingContainer.style.display = ‘none’; collapseDivs[i] = siblingContainer; createCollapseLink(element, siblingContainer, i); } else[…]

Number of times, i have tried to make html popup based application… finally i have got very good solution. Here m framing that code, its output is well enough. Take this and paste as it is in notepad and save it as a .html file.. and see the output. To make attractive, u can go for images within CSS.follow these steps1. Copy this code in notepad2. Save notepad file with .html extension3. Popup application is ready <html><head> <title>Desktop Provisioining Portal</title> <style type=”text/css”> #child { position: absolute; top: 50%; left: 50%; margin-left: -365px; margin-top: -250px; z-index: 3; width: 730px; height: 520px; background-color:black; background-repeat: repeat-x; border: solid 3px #2c7292; } #divTitleBar { position: relative; text-align: right; width: 100%; margin-top: 5px; margin-left: -5px;[…]