online new tamil fm

Auto Growing Textareas

This plugin makes it easy to have auto-growing textareas. Meaning, if you have a textarea, as the user types it will expand vertically to accommodate the size of the entry. This was inspired by Facebook's auto-expanding text areas.

To make a textarea autogrow, simply do this

$('textarea').autogrow();
$('textarea.classname').autogrow();
etc...


download

round corner box in html

That said, creating rounded corners in no rocket science. We simply employ HTML dives to create the layout accomplish our task - which is to produce something like the div with rounded corners below.




download

accordion

Customize the header icons with the icons option, which accepts classes for the header's default and selected (open) state. Use any class from the UI CSS framework, or create custom classes with background images.

see more

see more

Centering vertically Text in css

CSS level 2 doesn't have a property for centering things vertically. There will probably be one in CSS level 3. But even in CSS2 you can center blocks vertically, by combining a few properties. The trick is to specify that the outer block is to be formatted as a table cell, because the contents of a table cell can be centered vertically.

The example below centers a paragraph inside a block that has a certain given height. A separate example shows a paragraph that is centered vertically in the browser window, because it is inside a block that is absolutely positioned and as tall as the window.

DIV.container {
    min-height: 10em;
    display: table-cell;
    vertical-align: middle }
...

  
This small paragraph...

Index of demos and downloads

• accordion.html


• animate.html


• animatestop.html


• autocompleter.html


• carousel.html


• cart.html


• dependencies.html


• download.html


• drag.html


• drag_drop_tree.html


• drag_vr.html


• drop.html


• expander.html


• fisheye.html


• ifx.html


• imagebox.html


• images/


• menu.html


• resize.html


• resize_textarea.html


• scrollbar.html


• select.html


• slider.html


• slider_colorpicker.html


• slider_minmax.html


• slider_resize.html


• slideshow.html


• sort.html


• sort_floats.html


• sort_lists.html


• sort_tabs.html


• tooltip.html


• ttabs.html


• windows.html

Preload animated gif image

preload animation gif image download

CSS Validation Service

Check Cascading Style Sheets (CSS) and (X)HTML documents with style sheets

http://jigsaw.w3.org/css-validator/

color picker

Click anywhere on the color wheel and the hex code will show up on the bottom-right side of the tool

About AOL® Explorer 1.5 Downloads

About AOL® Explorer 1.5
Welcome the next generation of Internet browsing. AOL has built upon Microsoft® Internet Explorer technology-the world's most widely used-and raised it to the next level. AOL Explorer has enhanced security and more time-saving features than any other browser. Built-in pop-up controls help protect you against annoying pop-ups and Spyware Quick Scan makes your surfing safer. A host of new tools, like Tabbed Browsing and a Feeds Screensaver, help make you more efficient. You can also play with the Visual Themes and Desktop Widgets. The new AOL Explorer is the leap forward in browsing for which you've been waiting.
Click to Download Now!

CSS Transparency Settings for All Browsers

Transparency is one of those weird things that is treated completely differently in all browsers. To cover all your bases, you need four separate CSS statements. Fortunately they don’t interfere with each other really, so using them all every time you wish to add transparency is no big hassle and worry-free. Here they are, and are currently set to 50% transparency:

.transparent_class {
 filter:alpha(opacity=50);
 -moz-opacity:0.5;
 -khtml-opacity: 0.5;
 opacity: 0.5;
}

Here is what each of those CSS properties is for:

• opacity: 0.5; This is the “most important” one because it is the current standard in CSS. This will work in most versions of Firefox, Safari, and Opera. This would be all you need if all browsers supported current standards. Which, of course, they don’t.


• filter:alpha(opacity=50); This one you need for IE.


• -moz-opacity:0.5; You need this one to support way old school versions of the Mozilla browsers like Netscape Navigator.


• -khtml-opacity: 0.5; This is for way old versions of Safari (1.x) when the rendering engine it was using was still referred to as KTHML, as opposed to the current WebKit.

How to change the font color and background color of selected text using only css

You can easily change the background and the text color of the selected text using CSS properties defined below

::-moz-selection{
    background:#cc3333;
    color:#fff;
}

::selection {
    background:#cc3333;
    color:#fff;
}

All I did was use different selection color for paragraphs with different classes:

p.red::selection {
 background: #ffb7b7;
}
p.red::-moz-selection {
 background: #ffb7b7;
}
p.blue::selection {
 background: #a8d1ff;
}
p.blue::-moz-selection {
 background: #a8d1ff;
}
p.yellow::selection {
 background: #fff2a8;
}
p.yellow::-moz-selection {
 background: #fff2a8;
}

Adobe Illustrator Publisher's Description

True to its name, Adobe Illustrator began life as a standard-bearer for vector-based illustration and design, but fell behind the times because it lacked the Web output of competitors such as Macromedia Freehand. Eager to shed Illustrator's stodgy image as a print-only application, Adobe has taught this old dog many new tricks. Beginning with version 9, Illustrator has embraced the Web while continually adding new drawing tools and productivity features.
Illustrator 10.0 is geared toward achieving that ever-important balance between image size and quality. You can edit SVG (scalable vector graphics), slice and map your images, and make use of symbols for repeating graphics. This new version also delivers better layout tools, including snap-to grids, Smart Guides, and the Align palette.

Graphic artists will appreciate the mass of new creative tools, including warp effects; liquefy controls; arc, grid, and shape tools; editable drop shadows, glows, and other effects; and editable compound shapes. Timesaving technology such as data-driven graphics (which allows for scripted generation of design variations) should appeal to pragmatic developers.

Illustrator is not for everyone. As is typical for Adobe products, the system requirements and learning curve can be daunting, and strict limitations on the demo prevent saving, exporting, or printing. That said, this program offers features and functionality that can't be matched, and is a must-have for anyone who is serious about professional-quality digital illustration.

Sliding JavaScript Menu

7 JQuery and CSS based Accordion Menus

The 216 color webmaster's Palette

CMYK -color wheel

Web designer's Color Chart

flash menu

Create website navigation with professional flash menu.

Download and try Accordion menu, Horizontal Drop Down Menu or Vertical Drop Down Menu.
Below you can see some examples of flash menu and flash button. You can order AS3 component or SWF object.

http://www.flash-menu.net/flashmenus.html

http://f-source.com/accordion-menu/iphone/

JavaScript custom dropdown - JavaScript image combobox

Are you tired with your old fashion dropdown? Try this new one. Image combo box. You can add an icon with each option. It works with your existing "select" element. I hope you'll like this.
Preview:

Checkboxes, Radio Buttons, Select Lists, Custom HTML Form Elements

This JavaScript and CSS will allow you to use custom images for checkboxes, radio buttons and select lists.
Checkboxes, Radio Buttons, Select Lists, Custom HTML Form Elements

Have you ever wanted to use your own images for checkboxes, radio buttons or select lists? This script will let you do that. Easily. The unobtrusive script gracefully degrades, so if JavaScript is disabled, normal form input objects appear instead of your customized elements. This works flawlessly in Firefox, Safari, Internet Explorer 7, Opera and others. In Internet Explorer, the select lists are unstyled, but the checkboxes and radio buttons still look and function beautifully. It's this easy:
more info

Image menu

horizontal menu, reveals more of the image as you rollover it.

Online help documentation

Microsoft Office 2007
Communicator 2007
Excel 2007
PowerPoint 2007
Publisher 2007
Word 2007
Common Office 2007 Features
Microsoft Office 2003
Excel 2003
PowerPoint 2003
Publisher 2003
Word 2003
Common Office 2003 Features
Email & Voice Communications
Exchange Voice Mail
Outlook 2007
Outlook 2003
Entourage
Outlook Webmail
Web Publishing
FrontPage 2003
target="_blank"Dreamweaver CS3
Dreamweaver 8
Web Publishing
HTML Coding
UW-Eau Claire Web Graphics
General Computing
General
Internet
Course Management Systems (CMS)
Desire2Learn: Faculty
Desire2Learn: Student
CMS Gateway Website
Operating Systems
Windows Vista
Windows XP
Windows 2000
Macintosh
Adobe
Acrobat 8
Acrobat 7.0
InDesign CS3
InDesign CS2
Photoshop CS3
Photoshop CS2
Additional Documentation
Audacity
CD Creation
Newsletter/Announcement Manager
Qualtrics Survey System
Service Desk Express
TreeSize Professional
TrueCrypt
UW-Eau Claire Web Portfolio
Video and Audio Projects
WebSurvey System

icon

Get all your web icon here

http://www.iconfinder.net/browse

photoshop tutorials

Original Clean Style for Your Website
Create Your Own Realistic View Stamp
How to Make Binding
Designing Cool Bow
Professional Advertisement Poster
Making a Realistic Film Strip with a Reflection on the Floor
An Old Texture from Ancient Times
Creating Custom Menu in Techno Style
Creating Stylish Logo in Disco Style
Ruinous Brick Wall
Poster From the Words

click here

Customized Html Controls: Creating Custom Checkbox

Under “Customized Html Controls” section I will discuss about how to create and customized standard html controls. This is first article in this category. This will discuss about how we can create a custom checkbox using CSS and jQuery.

more info

Download Tamil Mp3 Songs: Ilayaraja Hits

http://mp3.tamilwire.com/ilayaraja-hits-307-songs.html

search box with text in javascript

Entities for Symbols and Greek Letters

The following table gives the character entity reference, decimal character reference, and hexadecimal character reference for symbols and Greek letters, as well as the rendering of each in your browser. Glyphs of the characters are available at the Unicode Consortium.

These entities are all new in HTML 4.0 and may not be supported by old browsers. Support in recent browsers is good.

read more

HTML Codes - Characters and s

Standard ASCII set, HTML Entity names, ISO 10646, ISO 8879, ISO 8859-1 Latin alphabet No. 1
Browser support: All browsers

read more

The euro sign in HTML and in some other contexts

In HTML documents, it is best to refer to the euro currency with words and to avoid using the euro sign, until sufficiently widespread support to it exists in browsers. If you use the euro sign, the correct numeric reference is € and the correct entity reference is €. This document also discusses some alternative methods, such as using an image, and also some incorrect methods

Read more

Creating an Advance Flash Image Gallery

This tutorial will teach you how to create an advanced image gallery in Flash that can be easily updated using XML. This gallery loads all of its thumbnails and full images externally. Our XML file does not only control what images are loaded onto our gallery, but it can also be configured to alter the position and size of the scrolling image gallery.

This is an advanced level tutorial that makes use of ActionScript Masking, the MovieClipLoader Class, the XML Class, the Tween Class, and other ActionScript features such as functions, loops, and conditionals. Make sure you read all of our relevant tutorials on those topics before attempting this tutorial. You may also want to check our previous image gallery to learn how to create another type of image gallery.

Read More

Browser detection for IE 4 and Netscape 4

Version 4 browsers have limited and somewhat erratic support for CSS. Making a CSS layout in these browsers, whose market share has now slipped well below 1%, can be extremely challenging. It's become common practice nowadays to completely hide the CSS file from version 4 and earlier browsers. This can be achieved using the @import directive to call up the CSS document:

Version 4 (and earlier) browsers will display a non-styled version of the site as they can't understand this @import directive.

Browser detection for Internet Explorer on the Mac

Quite simply, IE on the Mac does strange things with CSS. The browser's become somewhat obsolete as Microsoft aren't going to be bringing out an updated version. As such, many web developers code their CSS-driven sites so that the site works in IE/Mac, although it may not offer the same level of advanced functionality or design. Provided IE/Mac users can access all areas of the site this is seen as a suitable way of doing things.
To hide a command using the IE/Mac CSS hack4 is simple, and involves wrapping a set of dashes and stars around as many CSS rules as you like:
/* Hide from IE-Mac \*/
#header {margin-bottom: 3em;}
#footer {margin-top: 1.5em;}
/* End hide */
IE/Mac will simply ignore all these commands. This CSS hack can actually be quite useful if there's a certain area of the site not working properly in IE/Mac. If that section isn't fundamental to being able to use the site, you can simply hide it from IE/Mac like so:
#noiemac {display: none}

/* Hide from IE-Mac \*/
#noiemac {display: block;}
/* End hide */
The first CSS rule hides the entire section assigned the noiemac id (i.e. div id="noiemac">). The second CSS rule, which IE/Mac can't see, displays this section.

Browser detection for Internet Explorer 5

It may seem strange at first to send different CSS rules to different versions of a browser, but in the case of IE5 it's very necessary. This is due to IE5's misinterpretation of the box model. When specifying the width of an element in CSS, padding and borders aren't included in this value. IE5 however, incoporates these values into the width value causing element widths to become smaller in this browser.
The following CSS rule would result in a width of 10em for all browsers, except IE5 which would give it a width of just 5em (IE5 would incorporate two sets of padding and border, on both the left and right, when calculating the width):
#header {padding: 2em; border: 0.5em; width: 10em;}
The solution to this problem? Perform browser detection and send a different CSS rule to IE5:
#header {padding: 2em; border: 0.5em; width: 15em; width/**/:/**/ 10em;}
IE5 will use the first width value of 15em, 5em of which will be taken up by the two sets of padding and border (one each for the left and for the right). This would ultimately give the element a width of 10em in IE5.
The 15em value will then be overridden by the second width value of 10em by all browsers except IE5, which for some reason can't understand CSS commands with empty comment tags either side of the colons. It doesn't look pretty but it does work!

Browser detection for Internet Explorer

To send different CSS rules to IE, we can use the child selector command which IE can't understand. The child selector command involves two elements, one of which is the child of the other. So, html>body refers to the child, body, contained within the parent, html.
Using the example of the header margin, our CSS command would be:
#header {margin-bottom: 3em;}
html>body #header {margin-bottom: 1em;}
IE can't understand the second CSS rule due to the html>body CSS command so will ignore it and use the first rule. All other browsers will use the second rule.

How browser detection using CSS hacks works

The way browser detection using CSS hacks works is to send one CSS rule to the browser(s) you're trying to trick, and then send a second CSS rule to the other browsers, overriding this first command. If you have two CSS rules with identical selectors then the second CSS rule will always take precedence.
Say for example you wanted the space between your header area and the content to have a gap of 25px in Internet Explorer, or IE as it's affectionately known. This gap looks good in IE but in Firefox, Opera and Safari the gap is huge and a 10px gap looks far better. To achieve this perfect look in all these browsers you would need the following two CSS rules:
#header {margin-bottom: 25px;}
#header {margin-bottom: 10px;}
The first command is intended for IE, the second for all other browsers. How does this work? Well, it won't at the moment because all browsers can understand both CSS rules so will use the second CSS rule because it comes after the first one.
By inserting a CSS hack we can perform our browser detection by hiding the second CSS rule from IE. This means that IE won't even know it exists and will therefore use the first CSS rule. How do we do this? Read on and find out!

How-to: DropDown CSS Menu

This CSS menu will have submenus and will use the web-techniques HTML, CSS and the “whatever:hover” behavior file to make things work in Firefox and IE6+. By the end of this tutorial, you will be able to make this example CSS menu.

see more

How to make a Flash movie with a transparent background

Editing HTML code manually

To edit an existing HTML page, add the WMODE parameters to the HTML code.

1. Add the following parameter to the OBJECT tag:

param value="transparent" name="wmode"

2. Add the following parameter to the EMBED tag:

wmode="transparent"

Flash content displays on top of all DHTML layers Issue

A Flash movie in a layer on a DHTML page containing several layers may display above all the layers, regardless of the stacking order ("z-index") of those layers.
Reason

By default, browsers place embedded plug-in content, such as a Flash movie or Java applet, on the topmost layer. In older browsers, attempts to place a DHTML layer on top of a Flash layer would fail. Newer browsers add the ability to layer Flash content with DHTML content and in some cases the ability to use transparent backgrounds in the Flash content (see below).
Solution

Use the WMODE parameter to allow layering of Flash content with DHTML layers. The WMODE parameter can be 'window' (default), 'opaque', or 'transparent'. Using a WMODE value of 'opaque' or 'transparent' will prevent a Flash movie from playing in the topmost layer and allow you to adjust the layering of the movie within other layers of the HTML document.

FavIcon Generator

Use this online tool to easily create a favicon (favorites icon) for your site. A favicon is a small, 16x16 image that is shown inside the browser's location bar and bookmark menu when your site is called up. It is a good way to brand your site and increase it's prominence in your visitor's bookmark menu.

click here

mp3

player

...............................SELECT THE SONGS...............................Play Old SongsPlay Middle SongsPlay New SongsPlay Latest Songs

Free CSS Drop-Down Menu

http://www.lwis.net/free-css-drop-down-menu/

Css Scrollbar color

css code

body {
scrollbar-3dlight-color: #000000;
scrollbar-arrow-color:#000000;
scrollbar-darkshadow-color: #000000;
scrollbar-face-color:#000000;
scrollbar-highlight-color:#000000;
scrollbar-shadow-color: #000000;
scrollbar-track-color: #000000;
}

CSS Tricks

#onecss{
/* this for mozilla */
margin-top:12px; !important
/* this for IE7 */
#margin-top:16px;
/* this for IE6 */
_margin-top:14px;

}

How to fix IE 6 transparent png background

css

{
display:block;

background-image:url(images/product_sel.png);!important
float:left;
background-repeat:no-repeat;

_background: none;

filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled='true', sizingMethod='fixed', src='http://www.your.com/your/your/images/product_sel.png');

}

How to fix IE 6 transparent png problem

In Internet Explorer 6 and below, transparetn pngs do not show correctly. The transparent part of the png is not transparent but a solid color. Anyways to fix that problem add this code to your head tag.

HTML Code:
http://www.dynamicdrive.com/forums/showthread.php?t=22176

Using Java script to open new windows with a fixed size

Q: I have a flash template. I would like to open new windows with just the images in them and certain options like no scrollbars, no toolbars, specific height and width, etc. Please, advise.

A: You can use Java script to do this.

In flash it should be assigned to the button (image, text etc.)

on (release)
{
getURL("javascript:openNewWindow('mypage.html','mypage',
'height=xx,width=xx,toolbar=no,scrollbars=no,resizable=yes')");
}

In index.html that relates to this flash you should write in the following java script, like this (don't change anything):

<script language="JavaScript">
function openNewWindow(URLtoOpen, windowName, windowFeatures) { newWindow=window.open(URLtoOpen, windowName, windowFeatures); }
</script>

Put it between <head></head> tags in index.html. Then add the following part to < embed> tag:

swLiveConnect=true NAME=yourmovie.swf

(<embed src="yourmovie.swf" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="xxx" height="xxx" swliveconnect=true name=yourmovie.swf></embed>)

It should work.

How do I link a button to an Adobe PDF document

Q: How do I link a button to an Adobe PDF document?

A: In Flash MX as well as flash MX 2004 and Flash 8, a hyperlink is created through the getURL() command. The getURL() command provides a means for the browser to jump from one page to the other. The getURL() command can also be used to open an executable application like a PDF document. Click "Window" and choose “Actions” or press "F9" on your keyboard to access the Actions panel. You should type the following action script provided below into the white space to open up an executable PDF file:


on (release)
{
getURL("http://www.yoursitename.com/mydoc/doc1.pdf");
}


Now test your movie by pressing "CTRL+ENTER".

How can I add a flash page to Favorites

Q: How can I add a flash page to Favorites?

A: You should use the following Java script to bookmark the page:


on (release) {
getURL ("javascript:window.external.addFavorite('http://www.website.com','Website
Title')");
}


You can apply this script to any button (text, image). It should work.

How to change the speed in flash

This section deals with editing the Flash part of the templates and exporting the ".fla" to " .swf" files. Many useful editing tips are included. Please use the navigation buttons below or main navigation menu to browse the topics.

Q: How can I speed the frame rate or slow it down when the movie is playing? For example, I would like to slow the frame rate from the default of 20 fps to 15 fps from frame #80 to frame #150. Then frame rate should speed back up to 20 fps after frame #151, (fps = frames per second).

A: One way is to use "interval". An example of changing the speed of the movie from frame #80 to frame #150 is shown below.
Create a key frame at frame #80 and place this script:

var fps:Number = 80;
var intervalID:Number = setInterval(this, "advanceFrame", 1000/fps);
stop();
//
function advanceFrame() {
clearInterval(intervalID);
gotoAndStop(_currentframe+1);
if (_currentframe<151) {
intervalID = setInterval(this, "advanceFrame", 1000/fps);
} else {
play();
}
}

CSS MENUS LISTS

Can you take a simple list and use CSS to create radically different list options? The Listamatic shows the power of CSS when applied to a simple list.
http://css.maxdesign.com.au/listamatic/

Well, you asked for them. Nested lists! Choose from one of the growing number of samples or submit a list of your own.
http://css.maxdesign.com.au/listamatic2/

Step by step tutorials on using CSS to create background image lists, rollover lists, nested lists and horizontal lists.
http://css.maxdesign.com.au/listutorial/

Step by step tutorials on using CSS to create floating images, images with captions, next and back buttons, drop caps, inline lists and more.
http://css.maxdesign.com.au/floatutorial/

The structure of rules, the document tree, types of selectors and their uses. Plus a step by step tutorial using selectors to build a 3-column layout.
http://css.maxdesign.com.au/selectutorial/