We assumes that you have PHP, Apache, MySQL and Drupal all installed and working and have a MySQL admin tool available the free community edition of  MYSQL GUI TOOLS will do nicely, or you can use phpMyAdmin if you prefer. Again, I’ll assume you’ve got one of these installed and connected to your database server.

If you don’t yet have PHP, Apache and MySQL installed then XAMPP will help! See also http://drupal.org/node/161975

Finally, I’ll assume you’re starting with a working D6.x installation, have followed the installation instructions and got the default site up and running. If not, start here http://drupal.org/getting-started/install.

Multi-site setup on localhost

Set up multi-sites there are four stages to go through, but it’s not difficult:

1. Set up your databases, one for each website
2. Set up each site in Drupal
3. Edit the virtual host settings in Apache
4. Update the Windows hosts file

In the following example we will add a local site”http://develsite1″ in addition to the default site.

We’ll assume Drupal is installed in c:/www ( and that your web root is set to c:/www in the apache config file, apache\conf\httpd.conf ).

1. Databases

Firstly we will set up a new database for ‘develsite1′

1. Use GUI Tools MYSQL Browser and log into your DB server at localhost.
2. Ctrl+D to create a new database. Type a name for your database in the ‘create database’ textbox ( ‘develsite1′ is as good as anything ) then click the create button. A new database outline will be added.
3. Repeat for each additional site you want to set up.

2. Drupal

1. Create a new folder /sites/develsite1. i.e. you should now have two folders in your drupal sites folder,
   default and develsite1.
2. Make sure the folder /sites/default contains an unmodified copy of the file default.settings.php. The installer script will look for this file when installing your new site and the install will fail if it ain’t there. If necessary, extract a copy from the drupal install package.
3. Also place a copy default.settings.php in the testsite1 folder and rename it settings.php. Make sure the file is writeable (i.e. the ‘read only’ attribute is not set) because Drupal will modify this file as part of the installation process.

3. Apache

1. Open the apache config file ‘\apache\conf\extra\httpd-vhosts.conf‘.

2. Scroll to the end of the file, where you will find the virtual hosting setup. Assuming your websites are all located in the folder c:/www then add the following lines (edit the paths as necessary)

There are lots of other things you can add into your VHost settings – see the Apache documentation.

4. Windows

We now need to tell Windows that the domain ‘develsite1′ is hosted locally, i.e. not to look on the Internet for it. Open the ‘hosts‘ file with notepad. It can usually be found in c:/windows/system32/drivers/etc

Edit the end of the file to read:

Save the file.

When working offline -without any Internet connection- with a local test site, the Windows service DNS Client (see Control Panel -> Administrative Tools -> Services) can be necessary to read and parse the hosts file. This is optional when the PC is online.

Apache, again

OK, that’s (almost) it. All that is left is to restart the Apache webserver.
You could reboot your computer but a better way is to open a command prompt window and type ‘net stop apache’. When the service has stopped, restart it using ‘net start apache’. If you’re using XAMPP then use ‘xampp stop’ and ‘xampp start’.

Now when you open your favourite browser and enter ‘http://develsite1′ you should see the installation page for your new Drupal site. Enter the database details you created earlier and let the installer script set up the tables for you.

You can add as many sites as you need by following the process above.

Optional additional configuration

Although not essential, here are some things to help keep things tidy in a multi-site setup.

Use a separate files folder for each site

By default, all images and other uploaded files are kept in a single folder. Whilst this works, its a bit messy and better to set up a separate files folder for each site.

• Set up a separate ‘files’ and ‘files/tmp’ folders by creating the folders in your sites directory, i.e. sites/develsite1/files and sites/develsite1/files/tmp,
  sites/develsite1/files,
  sites/develsite2/files/tmp etc.
• Update the settings for each site by visiting ‘admin/file system’ and changing the path for the files and temp folders to
  sites/develsite1/files,
  sites/develsite2/files/tmp…etc.

Consider the best place to install modules and themes

• If you have modules or themes that you want to share between all sites then store them in sites/all/modules and sites/all/themes respectively.
• If you want them to be available only to one site then store them in sites/develsite1/modules and sites/develsite1/themes (replacing ‘testsite1′ with your actual site name)

Just it,.. simplicity is beautifull… ayess..

Re-Edit from : http://drupal.org/node/32715

For complete tutorial you can read in my personal blok at http://www.belida.com/drupal

So what’s the point? im saying that right now you are getting help from thousands of developers in saving you a  lot of time and efforts in building an application or website. In this case if you are a web developer, framework is a generous help in improving your work and making things better and fast.

We listed out 40 framework that you can use in fast forwarding your production time, starting from CSS Framework, Javascript and PHP.

CSS framework may not be as complex as you would hope it should be, but considering the internet browsers wars happening today, you have to be certain that your work are compatible with at least those major brands.

Lot of people say Javascript is something that need to be replace immediately, and currently those who race to replace it already start making waves like AIR, JavaFX etc. but still users are happy with javascript at the moment.

PHP framework is something that actually can help you develop an unthinkable application, since it will save you time and give less headache.

So here’s the list:

CSS FRAMEWORK

1. 960 Grid
2. Blueprint
3. YUI Grids
4. YAML
5. Boilerplate
6. Tripoli
7. Sparkl
8. ContentWithStyle
9. Grid Designer
10. Elements Framework

JAVASCRIPT FRAMEWORK

1. JQuery
2. MooTools
3. Scriptaculous
4. Prototype
5. Mochikit
6. Dojo Toolkit
7. Spry
8. CleanAjax
9. ASPNET Ajax
10. Rialto

PHP FRAMEWORK

1. CodeIgniter
2. CakePHP
3. Zend
4. Prado
5. Zoop
6. Stratos
7. Akelos
8. Symfony
9. eVoCore
10. Kohana

Some peoples seem don’t like using this stuff, the reason why  is “UN-Professional” ??
what is the proportionality ? come on.. don’t wasted your time for nothing.!

Watch Sample

Understanding the Effect

As with any complicated effect, I always start by looking at the DOM in Firebug and interact with the effect, watching for what changes take effect in the DOM.

Most importantly the list of images (in a <ul> element) had additional <li> elements at the start of the list and at the end of the list. There were two types: clone and empty.

The second big clue was the number of cloned elements on the end of the list: it matched the number of visible items in the carousel.

In the diagram below I’ve tried to outline what’s cloned in the list, and show what’s visible. You can see how the list shows 3 items at once, but there’s 5 items in total. So the first cloned section (at the start of the list) contains two clones and a single empty clone. The end of the list has 3 clones – which represents real items 1-3:

The Trick

Aside from building the DOM with the cloned nodes, the real trick is in the final panel of list items appearing. Because we’ve cloned the start of the list to the end of the list, when we scroll off the last items, it looks like we’ve looped back round. Once the animation completes, we change the scrollLeft position back to the real first items.

This scrollLeft isn’t visible to the user since the overflow is hidden, and so it creates the effect of being infinitely sliding from left or right (since it also works the other way around).

Markup

Remembering that we want the effect to work without JavaScript turned on, we’re going to use a pattern that we use fairly often for effects that scroll: overflows.

<div>
   <div>
     <ul>
       <li>...</li>
       <li>...</li>
       <li>...</li>
     </ul>
   </div>
</div>

The CSS has been marked up in a way that the overflow is visible to start off with, and that the individual <li> elements are the same fixed width. This is necessary to ensure that we always show complete images in the visible part of the carousel.

jQuery

Replicating the Effect

This is a reasonably advanced effect so we need to plan carefully what we’re trying to achieve:

1. Markup that works without JavaScript (done!)
2. Initialisation & capture the height and width of the first carousel item (required for calculations)
3. Create empty list items to pad to fill every page
4. Generate cloned items on the start and end of the list
5. Adjust the scroll left position to show the real first item
6. Create goto method that supports forward and backwards
7. Generate the next/prev links & bind goto calls The completed example is also available if you want to skip through each step. Initialisation We’re going to write the code as a plugin so we can release it out to the wild at some later point. So this follows the typical plugin pattern:

(function ($) {
   $.fn.myPlugin = function () {
      return this.each(function () {
        // plugin code
      };
   };
})
(jQuery);

This step is used to initialise the plugin and capture all the variables we need to create this effect. This includes:

1. jQuery instance of the overflow element
2. Hiding the overflow
3. jQuery instance of the list
4. jQuery instance of the list items
5. The first item and it’s width
6. Number of visible items we can fit in the carousel (rounded up via Math.ceil)
7. Current page (defaults to 1) and the number of pages (rounded up)

var $wrapper = $('> div', this).css('overflow', 'hidden'),
   $slider = $wrapper.find('> ul'),
   $items = $slider.find('> li'),
   $single = $items.filter(':first'),

// outerWidth: width + padding (doesn't include margin)
   singleWidth = $single.outerWidth(),
// note: doesn't include padding or border
   visible = Math.ceil($wrapper.innerWidth() / singleWidth),
   currentPage = 1,
   pages = Math.ceil($items.length / visible);

Padding with Empty Items

During the screencast I said that we’re making use of the repeat function from another tutorial – however that was wrong! I must have used it for something else! None the less, here is the repeat function, which we put outside of the plugin since it’s a utility function:

function repeat(str, n) {
   return new Array( n + 1 ).join( str );
}

The repeat function simple uses and array hack to repeat any string n times.

When we create the empty padding, we need to use modulus to work out how many new empty items we need to fill every page of our carousel with an item:

if (($items.length % visible) != 0) {
   $slider.append(repeat('<li />', visible - ($items.length % visible)));
   $items = $slider.find('> li');
}

Notice that we reinitialise the $items variable. This is to ensure it contains all of the items, including our newly created empty items.

Generating Clones

As per the diagram in the introduction, we need to clone the last page of items to the start of the list, and the first page of items to the end of the list. These will be the items that we slide on to before we flip the scrollLeft position (as per the trick above).

  $items.filter(':first').before($items.slice(-visible).clone().addClass('cloned'));
  $items.filter(':last').after($items.slice(0, visible).clone().addClass('cloned'));
  $items = $slider.find('> li'); // reselect

We’re making using the slice method that jQuery has. Notice that we first use it with a negative number:

  $items.slice(-visible)

This means to take the last n items off the end of $items. Otherwise we have to pass the start and end point, so the second instance we’re saying from the start, 0, and the third as the method is zero-based indices.

Reset Scroll Left

Since we’ve created the clones at the start of the list, we need to shift the scroll left back to the real element, otherwise it would look like the carousel is sitting on the last page.

  $wrapper.scrollLeft(singleWidth * visible);

Go To Method

The gotoPage method will handle going forward and backwards and handle jumping several pages at a time.

We’re going to use the animate method and only animate the scrollLeft so that it smoothly scrolls. We could add custom easin if we wanted at a later date.

We need to establish the following:

1. Direction we’re going to slide
2. Number of pages to slide
3. The relative scroll left value

Once the animation has completed, we also need to maintain the currentPage variable we created on initialisation.

If the page number is greater than the number of pages (i.e. we’re on our cloned first page), then reset the scroll left to the real first page, and set the page number to 1.

Equally if we have hit the beginning of the list (i.e. we’re showing the cloned last page), then we reset the scroll left to the real last page, and set the page number to the total number of pages.

function gotoPage(page) {
 var dir = page < currentPage ? -1 : 1,
 n = Math.abs(currentPage - page),
 left = singleWidth * dir * visible * n;

 $wrapper.filter(':not(:animated)').animate({
 scrollLeft : '+=' + left
 }, 500, function () {
   if (page == 0) {
     $wrapper.scrollLeft(singleWidth * visible * pages);
     page = pages;
   } else if (page > pages) {
     $wrapper.scrollLeft(singleWidth * visible);
     page = 1;
   } 

 currentPage = page;
 });                

 return false;
}

Navigation buttons

Finally we need to add the buttons or links to page through the carousel and bind the gotoPage call.

We’re also going to create a custom goto event that allows us to also jump to any page:

$wrapper.after('<a class="arrow back"> < </a><a class="arrow forward"> > </a>');

$('a.back', this).click(function () {
 return gotoPage(currentPage - 1);
});

$('a.forward', this).click(function () {
 return gotoPage(currentPage + 1);
});

// this currently refers to the element the plugin was bound to
$(this).bind('goto', function (event, page) {
 gotoPage(page);
});

Demo Script Download Demo Carousel Static (68) here

Re-Edit From : http://jqueryfordesigners.com

For another carousel please try this: http://sorgalla.com/projects/jcarousel

if you are a Web developer, designer who work on web sites, this tools is very good for you.

this tools is very usefull for us on test and tweak your web script code..

Firebug integrates with Firefox to put a wealth of web development tools at your fingertips while you browse. You can edit, debug, and monitor CSS, HTML, and JavaScript live in any web page.

Just the way you like it

Firebug is always just a keystroke away, but it never gets in your way. You can open Firebug in a separate window, or as a bar at the bottom of your browser. Firebug also gives you fine-grained control over which websites you want to enable it for…

F12 is your friend

The F12 key is undoubtedly the fastest way to get to Firebug. Train yourself to hit that key when it’s time to go debugging. If you’re the big screen type, use Control+F12 (or Command+F12 on Mac) to open Firebug in a separate window.

Inspect and edit HTML

Firebug makes it simple to find HTML elements buried deep in the page. Once you’ve found what you’re looking for, Firebug gives you a wealth of information, and lets you edit the HTML live.

View source live

Firefox has a “View Source” window, but it doesn’t show you what the HTML source really looks like once it has been transformed by JavaScript. Firebug’s HTML tab shows you what the HTML looks like right now.

In addition, the tabs on the right side let you discover the properties of an individual element, including the CSS rules that are styling it, the pixels that define its position and size, and the DOM properties that you can access from JavaScript.

See changes highlighted

In any JavaScript-driven website, HTML elements are constantly being created, removed, and modified. Wouldn’t it be nice if you could see exactly what, when, and where these changes take place?

Firebug highlights changes to the HTML in yellow immediately when they occur. If you want to spy even closer, you have the option to also scroll every change into view, so you won’t miss a thing.

Find elements with the mouse

Something in your page doesn’t quite look right and you want to know why. There’s no faster way to get answers than to click the “Inspect” button on Firebug’s toolbar and then prepare for immediate gratification. As you move around the page, whatever is beneath your mouse will be instantly revealed within Firebug, showing you the HTML and CSS behind it.

Monitor network activity

Your pages are taking a long time to load, but why? Did you go crazy and write too much JavaScript? Did you forget to compress your images? Are your ad partner’s servers taking a siesta? Firebug breaks it all down for you file-by-file.

Debug and profile JavaScript

Firebug includes a powerful JavaScript debugger that lets you pause execution at any time and have look at the state of the world. If your code is a little sluggish, use the JavaScript profiler to measure performance and find bottlenecks fast.

Quickly find errors

When things go wrong, Firebug lets you know immediately and gives you detailed and useful information about errors in JavaScript, CSS, and XML.

Explore the DOM

The Document Object Model is a great big hierarchy of objects and functions just waiting to be tickled by JavaScript. Firebug helps you find DOM objects quickly and then edit them on the fly.

jQuery is a fast and concise JavaScript Library that simplifies HTML document traversing, event handling, animating, and Ajax interactions for rapid web development. jQuery is designed to change the way that you write JavaScript.

jQuery is a lightweight JavaScript library that emphasizes interaction between JavaScript and HTML. It was released January 2006 at BarCamp NYC by John Resig.

Dual licensed under the MIT License and the GNU General Public License, jQuery is free and open source software.

With this Java Script Library, i will learn to integrating for my all themes, Drupal, joomla, and personal CMS WEB application system what i have made… Jquery.. You So Cools..

This is a starting point we will learn .. http://docs.jquery.com/How_jQuery_Works.

Before you begin on Java Script Library .. please you have good reference and enough knowlege for :

1. HTML Code
2. CSS Code

if you dont have knowledge for the point above, for now on please just search on google.. or comming back soon to my site.. :p

i will show you how to code HTML and CSS  with Good TOOLS you will find for coding/scripting.

Good LucK

This site still on maintenance by admin.

Thank you For visit..

GLOBAL9 NetAdmin