1. First of all create a AS2.0 file in flash.
2. Go to Window > Component > User Interface > Textarea

OR Direct use keyboard shortcut press Ctrl + F7 > User Interface > Textarea
3. Drag Textarea into your stage.

4. Click on Textarea and press F8 or covert to a movie clip named content or whatever you want.
5. Go Inside and create a new layer named Action and press F9 (Action).
6. And paste code in action given below.

7. Now get back to Textarea, click on it and give textarea an instance name textHolder
8. And now create and text file named text.txt or whatever you want, but don’t forget to change file and in your Action script layer if you want to use another name for your text file..
9. on text file write $myText= Your Content
10. You can add colors and give a link in your text in notepad.
11. For Color: <font color=’#99000′>Your Text</font>
12. For Link: <a href=”http://www.yoururl.com”>Click here</a>
13. Even almost all HTML tag will work but not All..
For Rendering your content into html click on Textarea and press Shift + F7 and change HTML false in to True and even more setting you can try over here…
14. Save it and move back to flash file.
And Ctrl + Enter and cheers!

Download Source File

Step1:

Step2:

Step3:

But the following method is simplest of all. You can easily convert any image to a very realistic looking pencil sketch in less than 2 minutes using this trick.

Although I tried to make this tutorial as detailed as possible, I assume that you have some familiarity with the Photoshop interface.

How To Convert An Image To Pencil Sketch Using Photoshop?

1. Open the image in Photoshop (obviously ). If you already have the Layers Palette open then its fine. If not, then click on Window > Layers to open it.

2. Now create a copy of the current layer by choosing, Layer > New > Layer via Copy. We’ll call this layer as Layer1.

3. Select the Layer1. Desaturate it using, Image > Adjustments> Desaturate or by pressing Ctrl + Shift + U. This will remove all the colors from the Layer1.

4. Create a copy of Layer1. To do so, first make sure that Layer1 is selected in the layers pallete, then click on Layer > New > Layer via Copy. We’ll call this layer as Layer2.

5. Select the newly created Layer2 and invert its colors. To do so, either press Ctrl+I, or click on Image > Adjustments > Invert. This will make your image to look like a negative of a photo.

6. Change the blending mode of Layer2 to Color Dodge. To do so, open the drop down menu that says normal, in the layers palette and select Color Dodge in it.

This will turn your photo to completely blank. But don’t worry, we are almost there.

7. Apply Gaussian Blur Filter, Filter > Blur > Gaussian Blur. Change the radius and see what is most appropriate for your image. I recommend that your sketch will look great if you keep the radius between 1 to 10.

That’s it. Now you must have converted your image into a great looking pencil sketch.

You can do an additional thing to make it more realistic. After applying the Gaussian Blur Filter, go to Image > Adjustments > Brightness/Contrast, and play with the brightness and contrast values a bit to make it look more real.

Please let me know if you face any problems while applying this concept.

You can navigate ContentFlow in many different ways like clicking images, using the scrollbar or the scroll-wheel of your mouse.

Download Now

Breadcrumb…What’s that?!?

Wikipedia says:

Breadcrumbs or breadcrumb trail are a navigation technique used in user interfaces. Its purpose is to give users a way to keep track of their location within programs or documents. The term is taken from the trail of breadcrumbs left by Hansel and Gretel in the popular fairytale.

Let’s get started

One more time, WordPress conditional tags will be very usefull. With them, we’ll be able to know easily if the page displayed by a visitor is an article, a page, or a category archive.
Then, we’ll have to use the right functions to show the site’s hierarchy. Nothing difficult here, WordPress got all the functions we need to get links to homepage, articles and single pages.
I wrote a quite clean breadcrumb function, you just need to copy/paste it in the functions.php file from your WordPress theme. If this file doesn’t exists, just create one and paste the function on it.

function the_breadcrumb() {
	if (!is_home()) {
		echo '<a href="';
		echo get_option('home');
		echo '">';
		bloginfo('name');
		echo "</a> » ";
		if (is_category() || is_single()) {
			the_category('title_li=');
			if (is_single()) {
				echo " » ";
				the_title();
			}
		} elseif (is_page()) {
			echo the_title();
		}
	}
}

Now that we have the function, nothing simpler: We just have to edit the file where we want our breadcrumb to appear – I think that archive.php, single.php and page.phpis a good choice – and call the function.

That’s all. You just created an easy way for your readers to navigate throught your blog sections.
Note, this script can be easily enhanced: For exemple, we should limit categories display and just show the first category.

And if you prefer installing a plugin instead of manually editing your theme files, you should have a look at the Breadcrumb NavXT plugin.

Preview

Download from homepage.

We have so intricately mixed up our lives with Internet that you let loose a string, and we would collapse like empty sacks. From Information to Exchange to Opportunities, the entire world is glued with the power of Internet. The journey has been amazingly fast. The journey of the internet was never a slowdown, just advancements, progress, impetus and headways! So when we say “Celebrating 40 years of Internet”, allow me to parallelize it with “Celebrating 40 years of Interactivity” which keeps happening across millions of web pages world-wide with ever changing trends & techniques.

I wrote a small plugin that will add the .html to the end of PAGE urls, it will add the .html to the pages menu and add .html to the page slug when writing a new page.


You will need permalinks activated obviously

Download the plugin, upload to your plugins folder, activate and away you go!

Links return to normal when you deactivate.
Removes trailing slash ( .html/ ) if you use them in permalinks.
Works on subpages.
Tested WordPress 2.5.1 up to 3.0

Just tested and appears to still work fine on WordPress 3.0

Does this help with SEO? No idea, but when converting an old static site to WordPress this allowed me to keep the original URLs (which ended in .html) active

Works well for me on WordPress 2.9, hope it works ok for you too.

updating…

div#page>div.logo+ul#navigation>li*5>a

…can be expanded into:

<div id="page">
        <div class="logo"></div>
        <ul id="navigation">
                <li><a href=""></a></li>
                <li><a href=""></a></li>
                <li><a href=""></a></li>
                <li><a href=""></a></li>
                <li><a href=""></a></li>
        </ul>
</div>

Show all download links from Zen Coding

Demo
Demo (use Ctrl + , to expand an abbreviation, requires JavaScript)

Downloads (Full Support)

• Aptana (cross-platform);
• Coda, via TEA for Coda (Mac);
• Espresso, via TEA for Espresso (Mac);

Downloads (Partial Support, “Expand Abbreviation” Only)

• TextMate (Mac, and can be used with E-text editor for Windows);
• TopStyle;
• Sublime Text;
• GEdit;
• editArea online editor;

Expand Abbreviation

The Expand Abbreviation function transforms CSS-like selectors into XHTML code. The term “abbreviation” might be a little confusing. Why not just call it a “CSS selector”? Well, the first reason is semantic: “selector” means to select something, but here we’re actually generating something, writing a shorter representation of longer code. Secondly, it supports only a small subset of real CSS selector syntax, in addition to introducing some new operators.

Here is a list of supported properties and operators:

• E
  Element name (div, p);
• E#id
  Element with identifier (div#content, p#intro, span#error);
• E.class
  Element with classes (div.header, p.error.critial). You can combine classes and IDs, too: div#content.column.width;
• E>N
  Child element (div>p, div#footer>p>span);
• E+N
  Sibling element (h1+p, div#header+div#content+div#footer);
• E*N
  Element multiplication (ul#nav>li*5>a);
• E$*N
  Item numbering (ul#nav>li.item-$*5);

As you can see, you already know how to use Zen Coding: just write a simple CSS-like selector (oh, “abbreviation”—sorry), like so…

div#header>img.logo+ul#nav>li*4>a

…and then call the Expand Abbreviation action.

There are two custom operators: element multiplication and item numbering. If you want to generate, for example, five <li> elements, you would simply write li*5. It would repeat all descendant elements as well. If you wanted four <li> elements, with an <a> in each, you would simply write li*4>a, which would generate the following output:

<li><a href=""></a></li>
<li><a href=""></a></li>
<li><a href=""></a></li>
<li><a href=""></a></li>

The last one–item numbering is used when you want to mark a repeated element with its index. Suppose you want to generate three <div> elements with item1, item2 and item3 classes. You would write this abbreviation, div.item$*3:

<div></div>
<div></div>
<div></div>

Just add a dollar sign wherever in the class or ID property that you want the index to appear, and as many an you want. So, this…

div#i$-test.class$$$*5

would be transformed into:

<div id="i1-test"></div>
<div id="i2-test"></div>
<div id="i3-test"></div>
<div id="i4-test"></div>
<div id="i5-test"></div>

You’ll see that when you write the a abbreviation, the output is <a href=""></a>. Or, if you write img, the output is <img src="" alt="" />.

How does Zen Coding know when it should add default attributes to the generated tag or skip the closing tag? A special file, called zen_settings.js describes the outputted elements. It’s a simple JSON file that describes the abbreviations for each language (yes, you can define abbreviations for different syntaxes, such as HTML, XSL, CSS, etc.). The common language abbreviations definition looks like this:

'html': {
'snippets': {
'cc:ie6': '<!--[if lte IE 6]>\n\t${child}|\n<![endif]-->',
...
}, 

'abbreviations': {
'a': '<a href=""></a>',
'img': '<img src="" alt="" />',
...
}
}

more updates??
leave comment...