How to display your web site logo on the address bar and in the favorites list
See Also

* Why use the same old icons when you can use thumbnails?
* Place your own bitmap on Internet Explorer's toolbar
* Forget the association
* Windows programs heaven
* Adjust the size and spacing of your icons
* How to change folder icons

Want to make your web site standout in crowded favorites lists in browsers and address bars? How about displaying your logo next to links to your site.

First, you have to create a logo for your site; a very tiny logo to be specific. The size of the logo should be 16x16 pixels and it should be saved as a Windows icon file (logo.ico for example). If your image editor doesn't support saving files in Windows icon format, you can use the following online tool or download an icon editor from a shareware site.

Once you have an icon file with your logo, you're ready to take the final step. Following methods will work in Explorer 5.x and higher without having any negative effects on other browsers.

Method 1

This is the easiest method to implement and it will work regardless of the particular page on your site users choose to add to their favorites list. Don't worry if you don't have access to your web site root; take a look at the next method.

If you have access to the root of your web site, simply save your icon file as "favicon.ico" there. For example, if your web site is "www.chami.com", your icon file should be available at "www.chami.com/favicon.ico". The web browser will look for favicon.ico whenever your site is added to the favorites list and if it is found at the root of your web site, the icon will appear next to the link to your site.

Method 2

If you don't have access to the root of your web site, you have to add the following tag to your web page so that the browser will know where to look for your icon. Unlike before, this time you can save the icon under any name ending with ".ico" We'll use the name "logo.ico" and assume that your web site is under the directory "~your_directory".

Listing #1 : HTML code. Download logo.htm (0.2 KB).

NOTE:

Above tag should be inserted in-between the and tags.

By the way, you can specify multiple logos for multiple pages using the second method. Simply save your icons using unique names, such as logo1.ico, logo2.ico, logo3.ico for example, and replace "logo.ico" in the above HTML code with the name of the icon you want to use for any particular page.


visit www.sbeermohamed.co.nr for more details

How to display your web site logo on the address bar and in the favorites list

Want to make your web site standout in crowded favorites lists in browsers and address bars? How about displaying your logo next to links to your site.

First, you have to create a logo for your site; a very tiny logo to be specific. The size of the logo should be 16x16 pixels and it should be saved as a Windows icon file (logo.ico for example). If your image editor doesn't support saving files in Windows icon format, you can use the following online tool or download an icon editor from a shareware site.

Source Image :

Preview:

Once you have an icon file with your logo, you're ready to take the final step. Following methods will work in Explorer 5.x and higher without having any negative effects on other browsers.

Method 1

This is the easiest method to implement and it will work regardless of the particular page on your site users choose to add to their favorites list. Don't worry if you don't have access to your web site root; take a look at the next method.

If you have access to the root of your web site, simply save your icon file as "favicon.ico" there. For example, if your web site is "www.chami.com", your icon file should be available at "www.chami.com/favicon.ico". The web browser will look for favicon.ico whenever your site is added to the favorites list and if it is found at the root of your web site, the icon will appear next to the link to your site.

Method 2

If you don't have access to the root of your web site, you have to add the following tag to your web page so that the browser will know where to look for your icon. Unlike before, this time you can save the icon under any name ending with ".ico" We'll use the name "logo.ico" and assume that your web site is under the directory "~your_directory".

Listing #1 : HTML code. Download logo.htm (0.2 KB).

NOTE:

Above tag should be inserted in-between the and tags.

By the way, you can specify multiple logos for multiple pages using the second method. Simply save your icons using unique names, such as logo1.ico, logo2.ico, logo3.ico for example, and replace "logo.ico" in the above HTML code with the name of the icon you want to use for any particular page.

Photo listing by effect

13.11.2007, 15:7
Submited in: Flash | Total Views: 9780

See this tutorial and learn how to create photo listing using some special flash effects and tricks. You don't have to use action script code to make this tutorial. You can use this tutorail for every photo presentation, listing, animation, photo banner...

Step 1 First of all, download my photos that we will use for this lesson. After you have downloaded my photos, unzip the zip file and place that photos on some folder. Step 2 Create a new flash document. Press Ctrl+J key on the keyboard (Document Properties) and set the width of your document to 300 pixels and the height to 350 pixels. Select any color as background color.Set your Flash movie's frame rate to 28 and click ok. See the picture below. Step 3 After that, choose File > Import > Import to Library. In the file explorer window that appears, find a four photos (photo1, photo2, photo3...) and Shift-click to select them all.Then click open. If you now open your flash library (Ctrl+L key) you will see a four photos that you just imported. See the picture below. Step 4 Take the Selection Tool (V), and using the "drag and drop" technique, move the first photo from the library on the stage. Step 5 While the photo is still selected, go to the Align Panel (Ctrl+K) and do the following: 1. Make sure that the Align/Distribute to Stage button is turned on, 2. Click on the Align horizontal center button and 3. Click the Align vertical center button. Step 6 After that, while the photo is still selected, press F8 key (Convert to Symbol) to convert this photo into a Movie Clip Symbol. See the picture below. Step 7 Double click on layer 1 to rename its name in photo. After that, click on frame 60 and press F6 key. Step 8 Create a new layer above the layer photo1 and name it effect. Step 9 Select the effect layer and take the Rectangle Tool (R). In the Colors portion of the Tool panel, block the Stroke color by clicking on the little pencil icon and then on the small square with the red diagonal line. For Fill color choose any color and draw a “rectangle” over the photo about 300x350px. See the picture belows. Step 10 While the rectangle is still selected, go to the Color Mixer Panel (Shoetcut key: Shift+F9) and choose the following options: 1. Click on the paint bucket icon to select the Fill color. 2. Choose Radial as Type. 3. Click on the small color rectangle that is on the left side and set its color to #ECC013. Alpha property set to100 % 4. For the rectangle from the right side, for color choose #D29B1C. Alpha property set to100 %. 5. Create a new color rectangle and place it on the middle. Then, set its color to #F8E8A9. Alpha property set to100 %. Now, you have this: Step 11 While the new designed rectangle is still selected, press again F8 key (Convert to Symbol) to convert this rectangle into a Movie Clip Symbol. Step 12 After that, click on frame 15, 50 and 65 of layer effect and press F6 key. Step 13 Then, click on frame 15, take the Selection Tool (V) and click once on the photo to select it.Then, go to the to the Properties Panel below the stage. On the right, you will see the Color menu. Select Alpha in it and put it down to 0%. Do this also for frame 50. Step 14 Choose right-click anywhere on the gray area between the frame 1 and 15 and frame 50 and 65 on the timeline and choose Create Motion Tween from the menu that appears.See the picture below. Step 15 Select layer photo and click also on frame 15, 50 and 65 and press F6 key. Step 16 After that, select the first frame of layer photo1, take again the Selection Tool (V) and click once om the photo to select it. Then, go again to the Properties Panel. On the right, you will see the Color menu. Select Advanced in it, click on Settings button and make the adjustments as follows: Do this also for frame 65. Step 17 Choose right-click anywhere on the gray area between the frame 1 and 15 and frame 50 and 65 on the timeline and choose Create Motion Tween from the menu that appears.See the picture below. Step 18 It's time for another (second) photo, so create a new layer above the layer effect and name it photo 2. Then, click on frame 65 of layer photo 2 and press F6 key. Step 19 Then, while you're still on frame 65, take the Selection Tool (V), and using the "drag and drop" technique, move the second photo from the library on the stage. Step 20 While the photo is still selected, repeat 5 to aligned this photo also with the background. Step 21 Then, while the photo is still selected, press F8 key (Convert to Symbol) to convert this photo (photo 2) into a Movie Clip Symbol. Step 22 After that, click on frame 80, 115 and 130 and press F6 key. Step 23 Go back on frame 65 and repeat step 16. Do that also for frame 130. Step 24 Choose right-click anywhere on the gray area between the frame 65 and 80 and frame 115 and 130 on the timeline and choose Create Motion Tween from the menu that appears.See the picture below. Step 25 Go back on the first frame of layer effect. Then. press Ctrl+C key (Copy). After that, create a new layer above the layer photo and name it also effect1. After that, click on frame 65 of layer effect 1 and press F6 key. Then, press Ctrl+Shift+V key (Paste in place). Step 26 Click after that on frame 80, 115 and 130 and press again F6 key. Step 27 Go back on frame 80 and repeat step 13. Do this also for frame 115. Step 28 Choose right-click again anywhere on the gray area between the frame 65 and 80 and frame 115 and 130on the timeline and choose Create Motion Tween from the menu that appears. We're done! Test your movie and enjoy! Download example

JavaScript email director

Directions: Simply insert this in the :

// Copyright 1996 Jon Eyrick

var mailsys="Netscape mail";

var author="Jon Eyrick";

if (author == "Jon Eyrick"){

phrompt=prompt;

snarkconf=confirm;

}

function mailsome1(){


who=phrompt("Enter a friend's email address: ","benny3@chelsea.ios.com");


what=phrompt("Enter the subject: ","[no subject]");


if (snarkconf("Are you sure you want to mail "+who+" with the subject of "+what+"?")==true){


parent.location.href='mailto:'+who+'?subject='+what+'';

}

}

How to Create a Fast Car in Adobe Photoshop using Motion Blur

Overview - Fast Cars in Photoshop
This Photoshop tutorial is designed to show you how to add an ultra fast Photoshop motion effect that you can use to turn an ordinary parked car into the super charged car of your dreams. In this tutorial you will learn how to create an effective motion blur and radial blur along with smoke particles venting from the wheels.

Step 1 - Creating the Motion Blur Effect

In Photoshop: Open you're favorite car image. I chose a picture of my 2000 Toyota Celica GTS for this example. To make things easier and keep the photoshop settings in line with this tutorial we will size the image down to 1000 pixels wide. You may also want to boost the saturation a bit to make the car stand out. Duplicate the background layer and name it motion. Now we need to create a selection that we will use a few times in this tutorial. Grab the polygonal lasso tool (feather radius 1 or 0) and select the entire outline of the entire car including wheels. Go to [Select -> Save Selection] and name it car. Now you can de-select the selection. On the motion layer go to [Filter -> Blur -> Motion Blur] with angle 0 and distance of 250 pixels. Create a layer mask on the motion layer and load the car selection [Select -> Load Selection], fill the selection with black to get the car back into the picture. You may want to take a small brush to the mask to catch any details you may have missed. You may also want to paint back some blur where you see reflections in the metal surface Using a low opacity brush. What we have now should look like the bottom image on the right.

Step 2 - Spinning and Smoking

Our fast moving car wouldn't be very realistic with the wheels just standing there would it? It's time to add some Photoshop spin! First we need to copy them into a new image so we can work with them. First, drag the rectangular marquee tool until you have the entire wheel selected. Go to [Edit -> Copy Merged] then create a new image and paste the selection into it. Select [Filter -> Blur -> Radial Blur] with amount set to 50, method set to spin and best quality. Now copy and paste the image back in to the main car image on a new layer on top, you may have to lower the opacity to align the images together. Repeat this technique for the other one and merge them together into a layer. Now add a layer mask and blend the images together. You should now have something similar to this image.

Step 3 - Adding Smoke and Finishing Touches

No speeding car would be complete without smoke particles coming off the tires. Lets get to it! Add a new layer on top, fill it with black and set the layer blending mode to pin light. With black and white as your foreground / background colors, go to Filter -> [Render -> Clouds] until you see some nice puffs of smoke around the wheels. Now add a layer mask and paint out all the excess smoke. With the smoke layer selected use [Filter -> Blur -> Motion Blur] with a distance of about 20 pixels. Finally we want to make the image a little more like a car ad so lets adjust the background a bit. Select the motion layer. Now load in the car selection we saved earlier with inverse checked so we have a nice selection of the background. Add a Photoshop Hue / Saturation adjustment layer and check the colorize box. Move the sliders around until the background complements the car. There you have it, your very own fast car with the help of Adobe Photoshop.